2

我正在使用使用 jQuery 的 CSS3 MegaMenu。我的下拉菜单项之一使用 iFrame 来显示托管在其他地方的联系表单。

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

它工作正常，除了在 IE9 中，悬停可以将其放下，但是一旦鼠标进入 iFrame 区域，它就会消失，使用户无法填写表格。

我读过这是出于安全原因而故意这样做的-但必须有解决方法。

当我自己的表单没有 iFrame 并使用 CSShover3.htc 时，我最初遇到了这个问题，它在 IE 中运行良好，所以我相当确定这是一个 iFrame 问题。

在搜索时，我已经阅读了使用 Javascript 的解决方案：http: //jsfiddle.net/ENXpW/3/ - 但我对编写 Java 的缺乏经验阻碍了我对它的充分理解以适应我的需要。

我搜索的另一个解决方案是将“电子邮件”链接的悬停样式更改为 onClick 命令，但是我缺乏 Javascript 经验再次阻碍了我掌握如何做到这一点。

任何帮助将不胜感激。载具

4

1 回答 1

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 {

于 2012-09-21T20:43:19.393 回答