如何在 IE10 中通过 iframe 强制引导下拉菜单 [重复]答案

【问题标题】：How to force bootstrap dropdown over iframe in IE10 [duplicate]如何在 IE10 中通过 iframe 强制引导下拉菜单 [重复]
【发布时间】：2013-03-20 17:37:40
【问题描述】：

我在 Bootstrap 上运行了一个简单的测试，发现了一个仅在 IE10 中出现的问题。

如果您有一个下拉菜单和一个 iframe，则单击该下拉菜单会在 iframe 下方对齐。我有一个例子here

我已经尝试过一百万种不同的 z-index。我已经在所有浏览器中进行了测试，只有 IE10 似乎有问题。

虽然我知道 IE10 还没有出现在任何 Windows 机器上，但它即将到来，我不希望菜单失败......有什么想法吗？

【问题讨论】：

标签： internet-explorer twitter-bootstrap drop-down-menu

【解决方案1】：

参考here。可能值得一试。

$(document).ready(function () {
    $('iframe').each(function(){
        var url = $(this).attr("src");
        $(this).attr("src",url+"?wmode=transparent");
    });
});

另外，我认为您需要添加 style="position:relative;"到iframe实现z-index。

【讨论】：

我会仔细检查位置。但是媒体插件正在添加 ?wmode
已选中，但似乎无法解决问题

【解决方案2】：

试试这个..它对我有用。检查您的情况。

Bootstrap 3 navbar on pages containing iframes

建议使用“完整的结束语”。

<iframe frameBorder="0", width="100%", height="500", id=generic src="generic_order.html"></iframe>

【讨论】：