使懸停工作或捕獲鼠標在iframe的滾動條上輸入事件？

Question

當我嘗試使用懸停或鼠標在包含帶有滾動條的iframe一個div框中輸入活動中，我發現以下問題IE9-：

1. 當我接近鼠標盒子，打了外部「滾動條邊框「，」鼠標進入「事件觸發。

2. 如果我繼續進入滾動條，「鼠標離開」事件觸發，就好像滾動條不是框的一部分。

3. 如果我離開滾動條並進入框「鼠標輸入」事件再次觸發。

如何使iframe的滾動條與框的其餘部分一樣工作？ 在Firefox中運行良好。

的HTML

<div class="hover_point"> 
    <iframe height="250" width="250" src="www.20minutos.es"/>  
</div> 

的CSS

<style> 
    .hover_point{width: 250px; height:250px} 
</style> 

的JS

$(".hover_point").hover(function() { 
    alert("hover");    
}, 
function() { 
    alert("no hover") 
}); 

這裏是小提琴http://jsfiddle.net/kFUYp/

Answer 1

這似乎z-index的問題，請跟隨爲低規則來解決z-index問題。

<div style="position: relative; z-index: 3000"> 
<div style="position:absolute;z-index:1000;"> 
    <a href="#">Page</a> 
    ... 
</div> 
</div>