网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.CSS规范 闭合浮动元素介绍.
.网页(WEB)字体,CSS如何控制?.
.CSS优先级的读法-详解.
.使用CSS控制段落首行缩进 .
.css代码格式化清理工具.
.CSS布局之浮动(一).
.CSS中有序列表的一些特殊代码形式.
.CSS仿淘宝首页导航条按钮布局效果.
.第六章 区块性质的CSS.
.IE下div边框显示有残缺.
.漂亮的CSS变色日历.
.CSS的长度单位(em)与em标签.
.CSS布局之浮动(二).
.制作网页时CSS常用的十点技巧.
.CSS让网页更容易设计与维护.
.提高CSS的网页渲染效率.
.CSS欺骗,让背景不能滚动.
.CSS 循序渐进(三)样式“表”秀 .
.在XHTML文档中合适的使用CSS和Ja.
.CSS模块化设计—从空格谈起.

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

发表日期:2007-11-12


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

  1.display:none;的缺陷

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

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

  2. visibility: hidden ;的缺陷

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

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

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

  就像上面的一段CSS所展示的方法,将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述一、二方法中的缺陷,也达到了隐藏内容的目的。
上一篇:网页制作中CSS样式表的十个技巧 人气:5696
下一篇:想让DIV居中 如何编写CSS 人气:8138
浏览全部CSS的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐