今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐网页中用CSS样式表隐藏文字,希望大家看完后也有个好心情,快快行动吧!
【 tulaoshi.com - Web开发 】
说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般,但是这个方法挺新颖的。
1.display:none;的缺陷
搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略
屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。
2. visibility: hidden ;的缺陷
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间
3.overflow:hidden;一个比较合理的方法
.texthidden { display:block;/*统一转化为块级元素*/ overflow: hidden; width: 0; height: 0; }
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)就像上面的一段CSS所展示的方法,将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述一、二方法中的缺陷,也达到了隐藏内容的目的。
来源:http://www.tulaoshi.com/n/20160219/1623803.html
看过《网页中用CSS样式表隐藏文字》的人还看了以下文章 更多>>