css中text-indent:-99999px深入分析

但搜尋引擎越來越聰明了，它漸漸學會了我們的方法，並不識好人心的認為我們在對使用者刻意隱瞞什麼（←_←），導致自己的網站在搜尋引擎心中減分。
Alt

怎麼辦呢？我們可以用一個比較老的辦法，就是將文字換成 img 標籤，這麼寫：

 

代碼如下	複製代碼
<img src="logo.png" alt="斌果部落格" />

此時你是不是感覺被我坑了，本文根本就是廢話嘛。不！
text-indent

新方法的問題又回到了 text-indent 上，既然 –99999px 會被識破，那可以另闢蹊徑，巧用 text-indent：
 

代碼如下	複製代碼
h1.logo{     text-indent: 100%;/*讓其縮排到元素本身之外*/     white-space: nowrap;/*禁止文字換行*/     overflow: hidden;/*隱藏掉那堆多出去的文字*/     background: url("images/logo.jpg") no-repeat center;/*放上精心設計的 Logo 圖片~*/ }

是不是就可以完美的解決掉問題啦~