Jan
9
CSS对元素隐藏的新认识
习惯性的display:none;不过今天终于在实践中认识到了它的不足之处.
在你的对像元素上使用此项后,JS代码等会认为此项不存在,即相当于删除此项.所以在网上找到了以下一篇文章:
1.display:none;的缺陷
搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略
屏幕阅读器（是为视觉上有障碍的人设计的读取屏幕内容的程序）会忽略被隐藏的文字。
2. visibility: hidden ;的缺陷
这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间
3.overflow:hidden;一个比较合理的方法
.texthidden
{
display:block;/*统一转化为块级元素*/
overflow: hidden;
width: 0;
height: 0;
}
就像上面的一段CSS所展示的方法，将宽度和高度设定为0，然后超过部分隐藏，就会弥补上述一、二方法中的缺陷，也达到了隐藏内容的目的。
以上只是为了下次自己使用时有个参考.
