一個新的CSS圖片替換的技巧

-9999 px的形象替代技術已經流行了一個十年最好的部分。替換一個文本元素和一個映像,您可以使用下面的代碼:
 

<h1>This Text is Replaced</h1><style>h1{background: url("myimage") 0 0 no-repeat;text-indent: -9999px;}</style>

元素的背景顯示和它的文本移離屏,這樣它就不會妨礙。簡單的和有效。它常常被採用來顯示圖形標題——這是很少有必要現在我們有webfonts,但你還是會覺得它使用web。   直到現在。   一項新技術已被發現: {       text-indent: 100%;       white-space: nowrap;       overflow: hidden;   }   代碼縮排文本超越其容器的寬度,但它不會封裝和溢出是隱藏的。   雖然這是一個小更長和更難以記住,可以提高效能,因為瀏覽器的不再畫一個9999 px箱在幕後。它還將防止怪異的左擴充概述了你會看到連結周圍的使用隱藏文本。 本文出自站長：轉載請註明