悬停无法与iframe工作在IE9(Hover not working with iFrame in

我使用CSS3 MegaMenu，使用jQuery的。 我的一个下拉菜单项的使用iFrame显示其他地方举办的接触形式。

你可以在这里看到： http://www.deepdata.biz （它的主导航栏右侧的最后一项：“电子邮件”）

它工作正常，但在IE9，悬停工程砸下来，但一旦鼠标进入iFrame的区域，它消失，因此无法为用户填写表单。

我读过，这是有目的的安全reasons-但必须有办法解决它。

我最初有这个问题时，我自己没有形式的iFrame和使用CSShover3.htc，它在IE工作得很好，所以我敢肯定这是一个iFrame的问题。

在寻找我已阅读使用JavaScript的溶液： http://jsfiddle.net/ENXpW/3/ -但我有编写Java的经验不足阻碍了我的理解它足以使它适应我的需要。

另一种解决方案我搜索的是改变了“电子邮件”链接到一个onClick命令悬停造型，但同样我缺乏使用Javascript经验是抓我会怎么做这阻碍了我。

任何帮助将不胜感激。 嘉莉

Answer 1:

你可以使用这个jQuery的小片段和一些CSS修改：

if($.browser.msie){
    $("li.right iframe").hover(function(){ 
        $(this).parents("li.right").trigger("hover");
    });
}

把它放在任何地方在你的JS文件或网页，该元素加载后。

然后，你需要创建的每一个副本.menu li:hover也使其获得由.hover类，即触发

.menu li:hover .align_right {

需要成为：

.menu li:hover .align_right, .menu li.hover .align_right {

文章来源: Hover not working with iFrame in IE9