懸停只有從容器外進入時才起作用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

回答

相關問題