css背景图片里如何加点击超链接

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、实例演示给超链接加背景图片，代码如下：

我是带背景图片的超链接

6、运行效果截图如下。

css是无法加超链接的，但是你可以在一个A标签下设置背景图片啊。
.a{background:url(../images/v_line2.gif) 0 0 no-repeat;width:100px;height:30px;display:block;}
............

这样就OK了但是一定要注意设置display属性为block 或者inline-block才能有点击区域，不然之间就要插入一张透明图片设置宽高如

.index-news h2{background-position:0px -34px}
有这个样式
那说明有

xxxxxx

1. 把背景写死在CSS里无法实现超链接。

2. 方法一：必须用JS或者JQ来实现寻找DOM对象的方式来进行连接的跳转。

3. 方法二：把背景从CSS中移除，放到HTML的img标签里，为img标签添加超链接。

第一个问题：实现这样的效果只需要直接在div中加上一个空的超链接，然后通过CSS来控制，CSS设置的关键是要加上display:block;和cursor:hand（鼠标手形）;
.index-news a{margin:0px;padding:0px;background:url(../images/v_line2.gif) no-repeat;display:block;cursor:hand;}
.index-news a:hover{background:url(../images/v_line2.gif) no-repeat;}