当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > CSS教程:自动隐藏网页文字的技巧

HTML/XHTML教程
CSS和HTML与前端技术层图示
关于超链接的一些问题
网页设计制作之改进超级链接效果
HTML 5 预览
HTML是WEB标准开发的中心基础
HTML5的结构和语义(3):语义性的块级元素
被遗忘掉的button标签
CSS标准:vertical-align属性
网页表格分割线去除方法
网页表格表框制作技巧
HTML教程:定义列表
HTML5: Web 标准最巨大的飞跃
ul列表标记设计网页多列布局
HTML其实就是学习几个重要标记的应用
链接A的语义、写法和最佳实践
HTML网页的段落排版和换行
HTML网页各种字体格式的细节修饰
网页HTML代码:滚动文字的制作
HTML代码实例:详细讲解超级链接
html标签:sub标记和sup标记

HTML/XHTML教程 中的 CSS教程:自动隐藏网页文字的技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-05   浏览: 152 ::
收藏到网摘: n/a

文字隐藏应用广泛,但常用的方法没有什么亲和力。常用文字隐藏方法的缺陷:

  1、display:none

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

  屏幕阅读器会忽略被隐藏的文字。

  2、visibility: hidden

  这种方法隐藏了文字却仍然占据物理空间。

  3、推荐大家使用这个更好的方法:

  overflow:hidden

  .class{

  display:block; /*统一转化为块级元素*/

  width:0;

  height:0;

  overflow:hidden;

  }

从代码似乎就可以看出更具亲和力,因为它是自动隐藏,而不是强制隐藏。