网页中用CSS样式表隐藏文字的挺新颖方法
时间:2007-08-24 22:01:03
来源:网页教学网 作者: 点击:次 出处:技术无忧
说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般,但是这个方法挺新颖的。
1.display:none;的缺陷
搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略
屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。
2. visibility: hidden ;的缺陷
这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间
3.overflow:hidden;一个比较合理的方法
| .texthidden { display:block;/*统一转化为块级元素*/ overflow: hidden; width: 0; height: 0; } |
就像上面的一段CSS所展示的方法,将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述一、二方法中的缺陷,也达到了隐藏内容的目的。
访问技术无忧网,软硬件通吃保你技术无忧!网址http://www.pc51.net










文章评论
共有 0 位网友发表了评论 此处只显示部分留言 点击查看完整评论页面