本文介绍了如何在网页设计中，将图片设为背景元素的同时，通过添加 display:block 和定义宽度高度来实现背景图片的超链接功能。包括使用HTML和CSS代码实现，并解释了为何需要这些特定的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图片的大小定义好它的宽和高。这样才能达到想要的效果。
呵呵，不知以上我有没有说明白，偶不善于言辞，但很有耐心的。希望您和我一样有收获。
扫一扫
1473
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
