伊缘网 首页
 设为首页    加入收藏    用户帮助    联系我们 
网站首页 新闻动态 技术文章 Flash整站 精彩网文 资源下载 视频教程
网上商城 Flash动漫 网页特效 酷站欣赏 BBS论坛 在线工具 留言本站
  F-CMS Flash CMS   CXT Flash Cms   SXW Flash CMS   EXW Flash Cms   
  您的位置: 伊缘网 >> 网络学堂 >> 建站技术 >> CSS 攻略
 阅读文章

用CSS样式表隐藏网页中的文字

  文章作者:伊缘网来源:伊缘网浏览次数:4880字体:
 阅读权限:游客身份阅读花费:0 E币添加时间:2007-10-30 上午 01:40:18提交会员:esing
皮具制造生产企业,专注时尚包包
提示:登陆本站会员系统后,网站系统将不显示任何广告!如果您还不是本站会员请注册本站会员,谢谢您对本站的关注!
说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般,但是这个方法挺新颖的。

1.display:none;的缺陷

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

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

2. visibility: hidden ;的缺陷

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

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



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

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

  Tags:  CSS  隐藏  网页  
·上篇文章:用CSS优化网站的三个技巧
·下篇文章:提高网站的访问速度的8个技巧
复制 】 【 打印
 相关文章
·百度资料: 用CSS样式表隐藏网页中的文字
·打开网页全屏显示 2009-4-18 下午 08:06:59
·在Dreamweaver使用CSS样式表 2007-11-25 上午 12:45:21
·用CSS优化网站的三个技巧 2007-10-30 上午 01:32:30
·简单了解CSS的伪类 2007-10-30 上午 01:29:17
·用 CSS 创建固定宽度的布局 2007-10-3 下午 11:12:43
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系我们,我们尽快予以更正,谢谢。
 相关评论
【文章评论已关闭】
伊缘网