在css中為背景圖片添加連結

在做頁面時候，有時難免會把圖片圖片做成背景，但是又想加個連結，可以採用正面的辦法解決。

#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效果是一樣的。

 特別說明：為背景加超連結時必須加display:block，並且按Logo圖片的大小定義好它的寬和高。這樣才能達到想要的效果。

       呵呵，不知以上我有沒有說明白，偶不善於言辭，但很有耐心的。希望您和我一樣有收穫。