当前位置 > 网站建设学院 > 网页制作 > CSS教程

网页中用CSS样式表隐藏文字

发表日期：2007-11-12

　　说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般，但是这个方法挺新颖的。　

　　1.display:none;的缺陷

　　搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略

　　屏幕阅读器（是为视觉上有障碍的人设计的读取屏幕内容的程序）会忽略被隐藏的文字。　

　　2. visibility: hidden ;的缺陷

　　这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间　

　　3.overflow:hidden;一个比较合理的方法

　　.texthidden { display:block;/*统一转化为块级元素*/ overflow: hidden; width: 0; height: 0; }

　　就像上面的一段CSS所展示的方法，将宽度和高度设定为0，然后超过部分隐藏，就会弥补上述一、二方法中的缺陷，也达到了隐藏内容的目的。

关注此文的读者还看过：
·2012-2-7 22:12:05 CSS文字换行详细解说
·2012-2-7 22:11:40 用css样式控制超链接颜色显示
·2012-2-7 22:08:47 CSS3与CSS1实现双线框方法比较
·2012-2-7 22:06:50 CSS公用文件
·2012-2-7 22:05:39 精通 CSS 滤镜（二）
·2012-2-7 22:04:30 第四章　颜色背景的ＣＳＳ
·2012-2-7 22:03:49 学习CSS了解单位em和px的区别
·2012-2-7 22:03:29 CSS 3备受期待的 8 大功能
·2012-2-7 22:03:09 CSS教程：li和ul标签用法举例

站长推荐 PS笔刷下载在线翻译系统进程广告代码

发表评论
姓　名:	验证码:
内　容:

教程搜索服务

项目外包信息

·找长期合作的网页设计师（切图+
·SNS 网站开发
·云南大蓄文化传播有限公司网站设
·药品代购网站
·FLASH网站汉化
·求高手帮我设计一个减肥产品网站
·flash首页制作（已有设计图）
·寻求长期外包人员
·网页页面修改
·北京地区 flash动画合作
·佛山网站建设+263企业邮箱找我。
·ecshop+Discuz! X2+ Home会员整
·寻找网站建设团队或者个人合伙
·LOGO设计外包
·企业网后台程序外包

发布信息

浏览信息

邮件订阅服务

输入你的邮件地址，你将不会错过任何关于<CSS教程>的内容

网页制作文章分类

Dreamweaver教程
FrontPage教程
Javascript教程
CSS教程
DHTML教程
HTML教程
网页特效
心得技巧
Discuz!专栏