背景圖片加鏈接

圖片做成背景,但是又想加個鏈接:


#logo { width:249px; height:62px;  background-image:url(images/logo.gif);}

#logo a{ display:block;  width:249px;  height:62px;  cursor:hand; }

 然後在<html>里加入以下代碼

 <div id="logo"><a href="http://www.cctv.com"></a>


用IE瀏覽圖片就能有超鏈接,鼠標並以一個小手出現,在dreamweaver效果是一樣的

(加鏈接的默認都是手的圖片,也可以不加cursor:hand)。


 特別說明:爲背景加超鏈接時必須加display:block來提升到塊級,並且按Logo圖片的大小定義好它的寬和高。 背景圖片放在div或者a中親測都可以。


  ***********************************************************菜蛋的分割線**********************************************************************************

ouch!!!!我把href寫成了herf.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章