悬停只有从容器外进入时才起作用IE

我看到IE有很多问题，但没有一个与我的相同。我在我的网站上有一个画廊，每张照片上都有导航箭头。我使用悬停来计算用户悬停的图片的哪一半，并相应地显示右箭头，问题是只有当我从包含箭头的div外部输入鼠标时，悬停才起作用，当我移动一个窗体时箭头到另一个它dosent工作。这里的代码：悬停只有从容器外进入时才起作用IE

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

3210

想法？

来源

2013-09-30 Anton.P

可能与旧的IE不支持a：hover，除非它包含href相关。使用'href =“＃”'看看它是否有任何区别。 – Moob

unforunatlly它没有帮助我的朋友...悬停从外面工作，但不工作从whithin ....非常奇怪 –

可能是定位和东西铺设在 – caramba

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

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

我猜你的加价，但我已经通过jsFiddle嘲笑这件事，它为我工作。

来源

2013-09-30 15:56:38 Moob

谢谢你的男人！你是真正的IE NINJA！ –

悬停只有从容器外进入时才起作用IE

回答

相关问题