Html 悬停仅在从容器外部进入时有效

我发现IE有很多问题，但没有一个和我的一样。 我的网站上有一个图库，每张图片上都有导航箭头。我使用hover来计算用户悬停在图片的哪一半上，并相应地显示右箭头， 问题是，只有当我从包含箭头的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>

---

想法

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

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

---

我在猜测你的分数，但我已经通过模拟实现了这一点，它对我很有效。

可能与旧IE不支持：hover这一事实有关，除非它包含href。使用

href=“#”

看看它是否有什么不同。不幸的是，它没有帮助我的朋友。。。当从外部进入时，悬停有效，但从外部进入时不起作用。。。。非常wierd可能是定位的，并且有东西在no上面，但是出于某种原因，它得到悬停的地方只是在IMG上面

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