这个有一个好的方法，先要知道背景图片的width和height
然后做一个div区块或<a>标签[记住，a标签要display:block;才可以设置height和width]，区块的height与width要和背景图片大致相同。
完成这两个要素之后，可以使用绝对定位和相对定位的方法把div层覆盖到你所需要的背景图片，然后再加上超链接即可。
代码就不写了，嫌麻烦，如果你稍微有点基础的，都会清楚我说的方法，如果听不懂，建议你应该脚踏实地的去学习DIV+CSS了，我所说的原理和楼上朋友所说的有点类似。
然后做一个div区块或<a>标签[记住，a标签要display:block;才可以设置height和width]，区块的height与width要和背景图片大致相同。
完成这两个要素之后，可以使用绝对定位和相对定位的方法把div层覆盖到你所需要的背景图片，然后再加上超链接即可。
代码就不写了，嫌麻烦，如果你稍微有点基础的，都会清楚我说的方法，如果听不懂，建议你应该脚踏实地的去学习DIV+CSS了，我所说的原理和楼上朋友所说的有点类似。
温馨提示：内容为网友见解，仅供参考
第1个回答 2013-04-04
直接在div里面用a标签, 然后设置a为display:block; float:left;, 调好间距margin, 还有大小就ok了.
第2个回答 2013-04-03
用 <a></a>标签
把div做相对定位，把a标签做绝对定位，给a标签大小定在你要做链接的大小。
css
div{ position:relative;}
div a{ position:absolute; top:5px（居上定位的值）;left:5px（居下定位的值）; width:10px(那块做链接的宽度); height:10px(那块做链接的高度); z-index:2px;}
相对定位已经将A标签转换为了块元素了，如果没有转换成块元素，我建议用display:inline-block;
html
<div><a href="#this"></a></div>
把div做相对定位，把a标签做绝对定位，给a标签大小定在你要做链接的大小。
css
div{ position:relative;}
div a{ position:absolute; top:5px（居上定位的值）;left:5px（居下定位的值）; width:10px(那块做链接的宽度); height:10px(那块做链接的高度); z-index:2px;}
相对定位已经将A标签转换为了块元素了，如果没有转换成块元素，我建议用display:inline-block;
html
<div><a href="#this"></a></div>
相似回答
