网页中用CSS样式表隐藏文字-电脑教程-先飞电脑技术网

>> 我们从网络和杂志上收集了近100000余篇各类电脑技术、网络技术、软件技术等方面的文章教程,我们的收录原则:不是精华拒不收录!

先飞电脑技术网 → 技术文章 → 网络编程 → CSS/HTML

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

［作者：佚名转贴自：网络转载阅读次数：78 更新时间：2007-9-2 12:35:00 录入：刘光勇］热

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

　　1.display:none;的缺陷

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

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

　　2. visibility: hidden ;的缺陷

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

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

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

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

【文章首页】【加入到收藏夹】【告诉好友】【打印此文】【关闭窗口】

·上一篇文章：网页制作中CSS样式表的十个技巧 ·下一篇文章：CSS样式表简明教程学习

【相关文章】

·正确使用字体和颜色让网页内容更易阅读[90]

·如何成为顶尖的网页美工动画设计师？[104]

·网页中用CSS样式表隐藏文字[78]

·网页制作中CSS样式表的十个技巧[97]

·网站网页被嵌入iframe的可能与解决[18]

【热门文章】

·网页制作中CSS样式表的十个技巧[97]

站内文章搜索：