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

HTML/XHTML教程
对联广告代码效果之二[鼠标感应]
对联广告代码效果之三[允许关闭]
禁止右键、Ctrl键和复制功能的JS代码
无刷新变换BANNER特效代码
计算鼠标所在位置的x,y坐标的JavaScript脚本
javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽)
限制文本输入框只能输入0-9数字
windows.open()参数列表
VBscript超强幻灯片效果代码
模仿MSN消息提示的效果
记录访客的来访次数
自动关闭弹出式窗口
状态栏特效
鼠标右键显隐效果
随鼠标的闪烁小星星
鼠标周围的文字宣传
荧光文字
点一下,首页地址添加到收藏夹
让弹出窗口变得“体贴”一些
如何制作浮动广告

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


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

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

  1、display:none

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

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

  2、visibility: hidden

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

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

  overflow:hidden

  .class{

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

  width:0;

  height:0;

  overflow:hidden;

  }

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