1

最初の画像のハイパーリンクは機能しませんが、2 番目の画像では機能します。最初の画像をさらに右に移動すると、画像の右側の部分だけにハイパーリンクが機能します! どんな助けでも大歓迎です!

次のスタイルを使用します。

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

2 に答える 2

0

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>
于 2012-08-22T11:59:54.733 に答える
0

これは、2 番目の div が最初の div と重なっているからです (coz u は left:129px として取っています)。

これがデモhttp://jsfiddle.net/mKZz7/です

于 2012-08-22T12:29:04.173 に答える