css圖片替換的技巧簡介

大家知道css圖片替換的技巧嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。

使用標准的html而不是圖片來顯示文字通常更為明智，除了加快下載還可以獲得更好的可用性。但是如果你決心使用訪問者的機器中可能沒有的字體時，你只能選擇圖片。

舉例來說，你想在每一頁的頂部使用“Buy widgets”的標題，但你同時又希望這是能被搜索引擎發現的，為了美觀你使用了少見的字體那麼你就得用圖片來顯示了

這樣當然沒錯，但是有證據顯示搜索引擎對真實文本的重視遠超過alt文本(因為已經有太多網站使用alt文本充當關鍵字)，因此，我們得用另一種方法那你的漂亮字體怎麼辦呢?下面的css可以幫上忙：

h1

{

background: url(/uploadfile/200806/17/96162027360.gif) no-repeat;

}

h1 span

{

position: absolute;

left:-2000px;

}

現在你既用上了漂亮的圖片又很好的隱藏了真實文本——借助css，文本被定位於屏幕左側-2000像素處。

相信大家已經學會css圖片替換的技巧了吧!感謝大家對我們網站的支持!

相關推薦：

CSS選擇符是什麼呢