css背景图片里如何加点击超链接
比如有这么一个css
.index-news{background:url(../images/v_line2.gif)
如何在这个图片上加入点击链接到另一个网址呢？
再比如说有个样式.index-news h2{background-position:0px -34px}
如何再用户点到此样式的时候链接到另一个网址呢?
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:block; width:300px; height:100px; font-size:25px;}
</style>
</head>
<body>
<a>我是带背景图片的超链接</a>
</body>
</html>
6、运行效果截图如下。
.a{background:url(../images/v_line2.gif) 0 0 no-repeat;width:100px;height:30px;display:block;}
............
<a href="xxx.html" class="a"></a>
这样就OK了但是一定要注意设置display属性为block 或者inline-block才能有点击区域，不然<a></a>之间就要插入一张透明图片设置宽高如<a href="xxx.html" class="a"><img src="透明图片地址" width="100" height="30"></a>本回答被网友采纳
有这个样式
那说明有<h2>xxxxxx</h2>
加超级链接的话
加个a去包住它
<a href="链接地址"><h2>xxxxxx</h2></a>但是这样会整个h2随便点一个都会超级链接
解决方法的话
看你还要用background position的
就是那个图片是没有文字在上面覆盖的
那直接在class="index-news"
里面价格<img src="../images/v_line2.gif">
在设定img的位置就好了
再<a href="链接地址"><img src="../images/v_line2.gif"></a>
这个图片就可以直接去超链接了
把背景写死在CSS里无法实现超链接。
方法一：必须用JS或者JQ来实现寻找DOM对象的方式来进行连接的跳转。
方法二：把背景从CSS中移除，放到HTML的img标签里，为img标签添加超链接。
.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;}
<div class="index-news"><a href="链接地址" target="_blank"></a></div>
第二个问题：H2是文字样式，直接在文字上加链接不就行了
css背景图片里如何加点击超链接
1、新建test.html文件。2、首先要把超链接a块级化，方法如下：给a添加css代码 : a{ display:block;} 代码截图如下：3、使用backgroung-image为a链接加背景图片，用法如下：a{ background-image:url(xxx.jpg);} 不过仅仅这样写还不能显示出背景图片，需要和第二步结合才行。代码截图如下：4、用...
css中怎么把定义动画背景图片加超链接
css是无法加超链接的，但是你可以在一个A标签下设置背景图片啊。.a{background:url(..\/images\/v_line2.gif) 0 0 no-repeat;width:100px;height:30px;display:block;} ... 这样就OK了但是一定要注意设置display属性为block 或者inline-block才能有点击区域，不然之间就要插入一张透明图片设置宽高...
求问大神,CSS添加的图片怎么加上链接
是要给导航设置z-index 不过这个在不同浏览器里面会有兼容性 例如ie7等 最好是给下拉导航的父级（与下面banner图片同级的）设置z-index
网页的导航我用CSS Sprites做的,是以背景图片格式插入,该怎么做超...
你把这个背景图片当做a的背景图片，然后给a定义宽度和高度，或者直接在这个背景图片上加上a，定义a的样式的时候要定义宽度和高度，然后加上displa：block；属性试一试
怎么在图片上加超链接?
点击红框的那个，就是添加图片的。把你要添加的图片上传至图片空间然后把链接放上去就可以了 放 问题九：HTML如何设置图片超链接，代码要怎么写？ 跟普通链接一样，只是将文字部分换成图片，类似于 问题十：css背景图片里如何加点击超链接 30分 css是无法加超链接的，但是你可以在一个A标签下设置...
Css样式中怎样给背景图片加链接
本末倒置，是给链接加背景图：链接 caidanbg{ display: block;width:180px;height:43px;background:url(..\/images\/hxjsan1.jpg) no-repeat;text-indent: -99999em;}
CSS如何设置鼠标放在超链时背景图片改变?
楼主的样式写法写错了，设置鼠标放在超链时背景该成图片的样式写法如下：a:link { backroung:url（tu01.jpg）;} a:hover { backroung:url（tu.jpg）;} a:active { backroung:url（tu.jpg）;} 上面写的是整体链接样式 如单加的超链背景就要在前加你设class名 如：.tu a:link { back...
css在图片上显示超链接
原理就是用相对&绝对定位来解决这个问题. .imgbox { width:200px; height:200px; background:#ddd; position:absolute;} .textbox { width:100px; height:20px; background:#eee; text-align:center; position:relative; margin:0px auto; top:100px; margin-top:-10px;} 说下这里的原理,...
DIV+Cssr插入背景图片怎么加连接?
你给在背景图片所在的区域的里面。假设用div的区域设置背景图片，然后在div标签嵌套三个a，如下： 立即购买 新年价 其他的雷同 然后把a转换为区块display:block;再然后加上你想设置超链接的区域所需要的width和height 用相对定位 把这个a定位到指定的位置即可 你可以试试这种方法，当然，还有其他的方法...
一个二级页面,是用CSS做的背景图片页面,如何帮页面中的一小块图片加上...
地图会不？使用地图。你选中那个图片，在属性面板下方，就可以看到地图，旁边有四边形，圆形和多变形，选择你要的形状，在图片上画好，然后在属性面板里加入连接就可以了。
