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")
});

这是小提琴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>