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

1

由于某些原因，没有背景的元素对 IE 中的鼠标事件是透明的。尝试设置几乎透明的背景：

background:rgba(0,0,0,0.001);

我猜你的加价，但我已经通过jsFiddle 模拟了这个，它对我有用。

于 2013-09-30T15:56:38.377 回答