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