Question

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

如果您有一个下拉列表，并且下方有一个iframe，则点击时的下拉列表会在iframe下方对齐。我有一个例子here

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

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

Answer 1

在这里找到答案：它不是最好的解决方案，但它有效。

z-index does not work in Internet Explorer with pdf in iframe

Answer 2

引用here。这可能值得一试。

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

另外，我认为你需要添加style =“position：relative;”到iframe实现z-index。

Answer 3

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

Bootstrap 3 navbar on pages containing iframes

它建议使用＆＃34;完整的结束语。＆＃34;

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

如何在IE10中强制引导下拉iframe

3 个答案: