歡迎大家在這裡學習div圖片替換的技巧下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!使用標准的html而不是圖片來顯示文字通常更為明智,除了加快下載還可以獲得更好的可用性。但是如果你決心使用訪問者的機器中可能沒有的字體時,你只能選擇圖片。
舉例來說,你想在每一頁的頂部使用“Buy widgets”的標題,但你同時又希望這是能被搜索引擎發現的,為了美觀你使用了少見的字體那麼你就得用
這樣當然沒錯,但是有證據顯示搜索引擎對真實文本的重視遠超過alt文本(因為已經有太多網站使用alt文本充當關鍵字),因此,我們得用另一種方法:
Buy widgets
,那你的漂亮字體怎麼辦呢?下面的css可以幫上忙:
h1
{
background: url(/uploadfile/200806/17/96162027360.gif) no-repeat;
}
h1 span
{
position: absolute;
left:-2000px;
}
現在你既用上了漂亮的圖片又很好的隱藏了真實文本——借助css,文本被定位於屏幕左側-2000像素處。
好了,div圖片替換的技巧內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!
相關推薦:
input標簽寫CSS的方法