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

HTML/XHTML教程
标记语言:为
将XHTML CSS页面转换为打印机页面
robots.txt详细介绍
HTML和CSS在Flash中的应用
html sub标记和sup标记
HTML 超级链接详细讲解
网页制作前先来看看这些所谓的规范
HTML iframe 用法总结收藏
HTML5 Canvas 起步(2) - 路径
XHTML1.0与HTML兼容指引16条 小结
有效网页表单的八条规则
html pre标记里内容自动换行
设计师 需要学习编写代码吗
使用整洁的HTML标记构建页面
img usemap属性 中国地图链接
HTML5 Canvas标签使用收录
HTML&CSS&JS兼容树(IE,Firefox,chrome)
用js互相调用iframe页面内的js函数
网页制作基础 声明文档类型描述(DTD
HTML5 CSS3新的WEB标准和浏览器支持

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


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

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

  1、display:none

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

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

  2、visibility: hidden

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

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

  overflow:hidden

  .class{

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

  width:0;

  height:0;

  overflow:hidden;

  }

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