打印本文 打印本文  关闭窗口 关闭窗口  
网页中用CSS样式表隐藏文字
作者：陈鹏  文章来源：eNet  点击数  更新时间：2009/9/12 8:45:28  文章录入：陈鹏  责任编辑：陈鹏
说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般，但是这个方法挺新颖的。　

　　1.display:none;的缺陷

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

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

　　2. visibility: hidden ;的缺陷

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

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

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

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

热门推荐： 建设指南：网站推广十点注意事项 交换机核心升级故障排除实例
打印本文 打印本文  关闭窗口 关闭窗口