文字隱藏應用廣泛,但常用的方法沒有什麼親和力。常用文字隱藏方法的缺陷:
1、display:none
這種方法搜索引擎可能認為被隱藏的文字屬於垃圾信息而被忽略;
屏幕閱讀器會忽略被隱藏的文字。
2、visibility: hidden
這種方法隱藏了文字卻仍然占據物理空間。
3、推薦大家使用這個更好的方法:
overflow:hidden
.class{
display:block; /*統一轉化為塊級元素*/
width:0;
height:0;
overflow:hidden;
}
從代碼似乎就可以看出更具親和力,因為它是自動隱藏,而不是強制隱藏。