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

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

HTML/XHTML教程: 网页设计中文本输入框的一些参数说明; XHTML CSS写出正规的BLOG; 初学者接触HTML了解一些HTML标记(1); 网页设计学习XHTML应用小结; 常用的XHTML标签的使用技巧介绍; HTML网页META标签内容写作规范要点; XHTML 1.0 参考; HTML的一些关于颜色方面的参考; 你问我答：XML与HTML的区别; 入门：HTML的基本标签和属性简单介绍; 带有图片预览功能的上传表单的完整HTML; HTML表格标记教程(10):单元格边距属性CELLPADDING; HTML表格标记教程(11):水平对齐属性ALIGN; HTML表格标记教程(12):边框样式属性FRAME; HTML表格标记教程(8):背景图像属性BACKGROUND; HTML表格标记教程(9):单元格间距属性CELLSPACING; HTML表格标记教程(6):暗边框色属性BORDERCOLORDARK; HTML表格标记教程(7):背景颜色属性BGCOLOR; HTML表格标记教程(5):亮边框色属性BORDERCOLORLIGHT; HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-05 浏览: 111 ::

收藏到网摘: n/a

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

　　1、display:none

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

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

　　2、visibility: hidden

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

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

　　overflow:hidden

　　.class{

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

　　width:0;

　　height:0;

　　overflow:hidden;

　　}

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