热门:网页模板.net视频教程JQueryMVCjsonExtJs源码示例三级联动JQuery菜单
您现在的位置:.Net中文社区>> 网页标准>>正文内容

利用CSS自动隐藏网页文字的技巧

发布时间:2010年02月26日点击数: 佚名

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

  1、display:none

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

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

  2、visibility: hidden

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

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

  1. overflow:hidden  
  2.  
  3.   .class{  
  4.  
  5.   display:block/*统一转化为块级元素*/  
  6.  
  7.   width:0;  
  8.  
  9.   height:0;  
  10.  
  11.   overflow:hidden;  
  12.  
  13.   } 

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

本站热点业务

更多模板/案例展示

关于我们 | 联系我们 | 团队日志 | 网站地图 | 网站合作