哪些情況下需要CSS隱藏文字？

class="area"> 今天在做一個頁面的時候，遇到一個常見的問題，切圖是否連文字一起切了。如果只切背景，文字的效果用css無法實現；如果連文字一起切，文本就為空，這樣在拋開css裸奔的情況下就不能很順利的汲取到頁面信息，不利於SEO。

　　所以就想到了，連文字一起切，用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通過。

　　當然要根據具體的情況，沒有最好的只有最合適的。