0

IE で多くの問題を見ましたが、私のものと同じものはありませんでした。サイトにギャラリーがあり、各写真にナビゲーション矢印があります。ホバーを使用して、ユーザーがホバーしている画像の半分を把握し、それに応じて右矢印を表示します。問題は、矢印を含むdivの外側からマウスを入力したときにのみホバーが機能することです。別の人にとっては、うまくいきません。ここにコード:

<div class="lb-container">
<img class="lb-image" src="http://suburbanfinance.com/wp-content/uploads/2013/04/streetinfo.jpg?973b8a" style="display: block; width: 724px; height: 543px;">
<div class="lb-nav" style="display: block;">
<a class="lb-prev" href="" style="display: block;"></a>
<a class="lb-next" href="" style="display: block;"></a>
</div>
<div class="lb-loader" style="display: none;"><a class="lb-cancel">
</a></div></div>

そしてCSS:

.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

アイデア?

4

1 に答える 1