在css中为背景图片添加链接

在做页面时候,有时难免会把图片图片做成背景,但是又想加个链接,可以采用正面的办法解决。

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

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

 然后在<html>里加入以下代码

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

用IE浏览图片就能有超链接,鼠标并以一个小手出现,在dreamweaver效果是一样的。

 特别说明:为背景加超链接时必须加display:block,并且按Logo图片的大小定义好它的宽和高。这样才能达到想要的效果。

       呵呵,不知以上我有没有说明白,偶不善于言辞,但很有耐心的。希望您和我一样有收获。

原文地址:https://www.cnblogs.com/freespider/p/1801460.html