第1个回答 2013-01-09
可以给你一个很实用的方法，具体是这样的
你给在背景图片所在的区域的里面。假设用div的区域设置背景图片，然后在div标签嵌套三个a，如下：
<div>
<a href="###" class="a1">立即购买</a>
<a href="###" class="a2">新年价</a>
</div>
其他的雷同
然后把a转换为区块display:block;
再然后加上你想设置超链接的区域所需要的width和height
用相对定位 把这个a定位到指定的位置即可
你可以试试这种方法，当然，还有其他的方法，希望帮助到你！本回答被网友采纳
你给在背景图片所在的区域的里面。假设用div的区域设置背景图片，然后在div标签嵌套三个a，如下：
<div>
<a href="###" class="a1">立即购买</a>
<a href="###" class="a2">新年价</a>
</div>
其他的雷同
然后把a转换为区块display:block;
再然后加上你想设置超链接的区域所需要的width和height
用相对定位 把这个a定位到指定的位置即可
你可以试试这种方法，当然，还有其他的方法，希望帮助到你！本回答被网友采纳
第2个回答 2013-01-08
使用一个模拟div层
<style>
.a{width:**;height:**;text-indent:-9999px;}
.b{width:**;height:**;text-indent:-9999px;}
**表示点击区域的大小
然后用margin将div调到你要的位置上就好了，小窍门：可以先给div一个背景色调好位置再去掉
</style>
<div class="a"><a href="#">立即购买</a></div>
<div class="b"><a href="#">新年价</a></div>本回答被提问者采纳
<style>
.a{width:**;height:**;text-indent:-9999px;}
.b{width:**;height:**;text-indent:-9999px;}
**表示点击区域的大小
然后用margin将div调到你要的位置上就好了，小窍门：可以先给div一个背景色调好位置再去掉
</style>
<div class="a"><a href="#">立即购买</a></div>
<div class="b"><a href="#">新年价</a></div>本回答被提问者采纳
第3个回答 2015-08-16
直接div中添加相应的herf链接即可的，可以是个网址，也可以是个页面地址，之后再div上添加相应的背景图片即可实现连接：
<body >
<div class="one" style="background:url(*.jpg) repeat;" width:100%;height:50%;><a href="#">内容1</a></div>
<div class="tow" style="background:url(*.jpg) repeat;" width:100%;height:50%;><a href="#">内容2</a></div>
</body>
<body >
<div class="one" style="background:url(*.jpg) repeat;" width:100%;height:50%;><a href="#">内容1</a></div>
<div class="tow" style="background:url(*.jpg) repeat;" width:100%;height:50%;><a href="#">内容2</a></div>
</body>
相似回答