Question

怎么给CSS背景图片加上链接？

<td><br style="display:none;" />
<style>
.rate{height:30px;width:120px;overflow:hidden;background:url("图片") no-repeat scroll 60px 3px transparent;}
.rate a{display:none;}
.rate{ display:block;height:30px;width:120px;cursor:hand; }
</style>
</td>

然后，在<htm>中加上
<div id="rate"><a href="链接" ;></a></div>

这样完了，鼠标放在图片上时只有一个小手，却打不开链接。。是不是代码哪错了？求高手

Answer 1

你div rate如果只有背景图片，建议直接插入图片，当然如果不想的话 可以这样写：
HTML：<div id="rate"><a href="链接" ;>关于图的文字</a></div>
CSS ：.rate{}里面加个 text-indent:-9999px;

Answer 2

这样说吧，看你这个代码，要想打开链接，你要修改A标签，
比如把A标签定义为 display:block 并且给他一个合适的宽度和高度 你却把它给 none了
那个小手 是你在.rate 里设定了cursor:hand才出现的
或者在A标签里加上东西 如
<a href="链接"> 这里加东西，空格也好，但是需要是全角的空格</a>
------------------------------------------------------------------------------------------------
不过我感觉你的意思应该是
页面上有一张图，点击图就打开链接？
为何不直接
<a href="链接"><img src="图片地址" border="0"></a>
这样不就搞定了吗？