所以就想到了,連文字一起切,用css隱藏文字的解決辦法。還有一種常見的需要隱藏文字的,就是文字的字段長度超出了容器的寬度,需要隱藏。以前寫過解決辦法:[點擊]。這裡說下第一種情況的解決方法。
1.在容器裡面加個標簽span,然後用display:none;兼容性比較好。但是會多個標簽,如果循環使用的話,會多一堆html代碼,單個圖片或者按鈕推薦使用。
如果是要隱藏input的value用這種方法就不好實現。所以就有了第二種方法:
2.使用text-indent:-9999px;
它也有個局限性,就是只能用於塊狀元素(block),如果我們想偏移掉a上的字體,問題就出來了:為了偏移文字要改變a的為block,這樣a後面的元素要到下一行了,要再用float來避免,這樣未免有點麻煩。
3.下面這種方法自己比較常用:
line-height:0;
font-size:0;
overflow:hidden;
能完美“隱藏”掉你background之上的字體,兼容性也比較好,經測試ie6.0、7.0、8.0、firefox3.010通過。
當然要根據具體的情況,沒有最好的只有最合適的。