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

第一个图像上的超链接不起作用，第二个图像上的超链接起作用。如果我将第一个图像向右移动，则只有图像的右侧部分具有工作超链接！感谢您的帮助

我使用以下样式：

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

.k2{位置：相对；左：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>

将a href放在div之前

<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>

---

这是因为您的第二个div与第一个div重叠（因为u取左：129px）

这是演示