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

---

CSS #隐藏文字2012-04-26 13:39

---

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


1.display:none;的缺陷


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


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


2. visibility: hidden ;的缺陷


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


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


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


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

---

相关文章

• css3径向渐变(圆形渐变) 参数用法 2012/04/26
• CSS Hack 小总结 2012/04/26
• 中文版Chrome下不能显示小于12px的字体 2012/04/17
• CSS Hack 解决各个浏览器兼容的问题 2012/04/15