jquery - 使悬停起作用或捕获 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")
});

这是 fiddle 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>