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

Question

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

我使用以下样式：

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

Answer 1

这是因为你的第二个 div 与第一个 div 重叠（因为你取的是 left:129px）。

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

Answer 2

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