css是无法加超链接的，但是可以在一个A标签下设置背景图片加入超链接，具体步骤如下。
1、新建test.html文件。
2、首先要把超链接a块级化，方法如下：
给a添加css代码 : a{ display:block}
代码截图如下：
3、使用backgroung-image为a链接加背景图片，用法如下：
a{ background-image:url(xxx.jpg)}
不过仅仅这样写还不能显示出背景图片，需要和第二步结合才行。
代码截图如下：
4、用到的图片素材如下，图片名字为001.jpg，位置截图如下。
5、实例演示给超链接加背景图片，代码如下：
<html>
<head>
<style>
a{background-image:url(001.jpg)display:blockwidth:300pxheight:100pxfont-size:25px}
</style>
</head>
<body>
<a>我是带背景图片的超链接</a>
</body>
</html>
6、运行效果截图如下。
在CSS中给背景图片加上超链接,其实就是给这个背景图片的块添加超链接，我们可以通过在这个块的前面添加一个a标签来实现，然后填写上你所需要的链接地址就行了，通过代码来理解：<html>
<head>
<style>
#div1{
width:660px
height:400px
border:1px soild #f00
background:url('图片地址')
}
</style>
</head>
<body>
<a href="">
<div id='div1'>
</div>
</a>
</body>
</html>
你div rate如果只有背景图片，建议直接插入图片，当然如果不想的话 可以这样写：HTML：<div id="rate"><a href="链接" >关于图的文字</a></div>
CSS ：.rate{}里面加个 text-indent:-9999px
