网页中用CSS样式表隐藏文字的挺新颖方法
来源:互联网 发布:志鸿优化系列丛书语文 编辑:程序博客网 时间:2024/05/01 10:06
导读:
说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般,但是这个方法挺新颖的。
1.display:none;的缺陷
搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略
屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。
2. visibility: hidden ;的缺陷
这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间
3.overflow:hidden;一个比较合理的方法
.texthidden { display:block;/*统一转化为块级元素*/ overflow: hidden; width: 0; height: 0; }
就像上面的一段CSS所展示的方法,将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述一、二方法中的缺陷,也达到了隐藏内容的目的。
本文转自
http://tech.163.com/07/0823/10/3MISKQFP0009158P.html
说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般,但是这个方法挺新颖的。
1.display:none;的缺陷
搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略
屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。
2. visibility: hidden ;的缺陷
这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间
3.overflow:hidden;一个比较合理的方法
.texthidden { display:block;/*统一转化为块级元素*/ overflow: hidden; width: 0; height: 0; }
就像上面的一段CSS所展示的方法,将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述一、二方法中的缺陷,也达到了隐藏内容的目的。
本文转自
http://tech.163.com/07/0823/10/3MISKQFP0009158P.html
- 网页中用CSS样式表隐藏文字的挺新颖方法
- 网页中用CSS样式表隐藏文字的挺新颖方法
- css隐藏文字的方法
- CSS隐藏文字方法
- 8款样式新颖的jQueryCSS3网页菜单
- 常见的CSS隐藏文字方法(转)
- CSS隐藏文字的几个方法
- CSS隐藏文字的几个方法
- css隐藏/显示文字的方法
- CSS样式隐藏图片作为背景图片上方的文字内容
- 网页中使用CSS样式表的五种方法
- 网页中使用CSS样式表的五种方法
- 网页添加CSS样式表的四种方法
- CSS的文字样式
- 网页文字竖排样式表(CSS)法
- 样式表实现文字隐藏
- 网页清除隐藏文字.去除网页文字干扰码的三种方法
- 网页清除隐藏文字.去除网页文字干扰码的两种方法
- Silverlight,你应该知道的10件事
- 细化解析web2.0与数据库之间的四点启示
- 使用AJAX技术实现网页无闪自动局部刷新
- 基础知识:网络专业术语的通俗形象解释
- 网页制作小技巧:dl dt dd标签用法
- 网页中用CSS样式表隐藏文字的挺新颖方法
- 网站SEO并非一定需要静态化
- 草根站长和80后网民对话:我们忽视了什么?
- [转载]OllyDbg知识专题
- 平安增发的内幕
- Photoshop简单打造流行的糖水MM照片
- 用Photoshop轻松绘制一串甜美可口的绿色芒果
- Photoshop CS3:为美女刷出亮白牙齿
- 利用Photoshop中的“计算”打造照片炫妙色彩