html - 使用 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>