6

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

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

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

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

4

2 回答 2

2

如此处所引用。可能值得一试。

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

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

于 2013-03-29T23:50:37.480 回答
0

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

包含 iframe 的页面上的 Bootstrap 3 导航栏

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

<iframe frameBorder="0", width="100%", height="500", id=generic src="generic_order.html"></iframe>
于 2016-05-10T08:56:33.420 回答