Jan
9

CSS对元素隐藏的新认识

习惯性的display:none;不过今天终于在实践中认识到了它的不足之处.
在你的对像元素上使用此项后,JS代码等会认为此项不存在,即相当于删除此项.所以在网上找到了以下一篇文章:

1.display:none;的缺陷
搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略
屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。
2. visibility: hidden ;的缺陷
这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间

3.overflow:hidden;一个比较合理的方法
.texthidden
{
display:block;/*统一转化为块级元素*/
overflow: hidden;
width: 0;
heigh...

0 Comments