注册 | 登录
收藏 | 帮助
热门文章
编辑推荐
相关文章  
CSS网站布局实录:基于Web标准的
网页制作:CSS的常用技巧放送
XHTML+CSS布局之XHTML应用小结
网站设计之合理架构css
css星级效果总结
CSS中expression使用简介
CSS实现简单的图片防盗链代码
CSS关于box(盒模式)的一系列问
设计一个基于CSS的网页模板
纯CSS文本阴影效果实现
您现在的位置: 顶尖设计 >> 网页设计 >> HTMLCSS >> 文章正文
网页中用CSS样式表隐藏文字的挺新颖方法
作者:  来源:网页教学网  点击:  更新:2007-12-13

说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般,但是这个方法挺新颖的。

1.display:none;的缺陷

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

屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。

2. visibility: hidden ;的缺陷

这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间

3.overflow:hidden;一个比较合理的方法

.texthidden { display:block;/*统一转化为块级元素*/ overflow: hidden; width: 0; height: 0; }

就像上面的一段CSS所展示的方法,将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述一、二方法中的缺陷,也达到了隐藏内容的目的。






  • 上一篇文章:
  • 下一篇文章: 没有了
  • 分享此文:该页面添加到 Mister Wong 添加到雅虎Yahoo!收藏 Add to:Del.icio.us Post to Furl Digg this 添加到Google书签 reddit spurl blogmarks 365Key 评论  收藏  分享  打印
     我来说两句
    姓名:       验证码:   
    主页: 
    评分: 1分 2分 3分 4分 5分
    本频道近期热评文章:
      关于我们 | 联系我们 | 站点地图 | 广告投放 | 友情链接 | 在线留言 | 版权申明
    版权所有 © 2004-2007 顶尖设计(bobd.cn)
    未经授权禁止转载,摘编,复制本站内容或建立镜像. 沪ICP备07504942号 
    网络110
    报警服务