使用CSS定位的超链接图像并不总是有效

Question

第一张图像上的超链接不起作用，在第二张图像上。如果我将第一张图像更多地移动到右侧，则只有图像的右侧部分具有可用的超链接！任何帮助表示赞赏！

我使用以下样式：

.spc {position: absolute; top: 220px; }
.r   {position: relative; top: 1px; }
.k1  {position: relative; left: 1px; }

.k2 {position：relative;左：129px; }

图像的位置为：

<div class="spc"><div class="r"><div class="k1">
<a href="link.html"><img src="pic1"></a>
</div></div></div>
<div class="spc"><div class="r"><div class="k2">
<a href="link.html"><img src="pic2"></a>
</div></div></div>

Answer 1

在div之前放一个href

<a href="link.html"><div class="spc"><div class="r"><div class="k1">
<img src="pic1"></a></a>
</div></div></div>
<a href="link.html"><div class="spc"><div class="r"><div class="k2">
<img src="pic2">
</div></div></div>
</a>

Answer 2

这是因为你的第二个div与第一个div重叠（因为左边是129px）。

Here是演示http://jsfiddle.net/mKZz7/