分享

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

 示且青春 2014-01-11

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

#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图片的大小定义好它的宽和高。这样才能达到想要的效果。

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约