我在 Bootstrap 上运行了一个简单的测试,发现了一个仅在 IE10 中出现的问题。
如果您有一个下拉菜单和一个 iframe,则单击该下拉菜单会在 iframe 下方对齐。我这里有一个例子
我已经尝试过一百万种不同的 z-index 方法。我已经在所有浏览器中进行了测试,只有 IE10 似乎有问题。
虽然我知道 IE10 还没有出现在任何 Windows 机器上,但它即将到来,我不希望菜单失败......有什么想法吗?
我在 Bootstrap 上运行了一个简单的测试,发现了一个仅在 IE10 中出现的问题。
如果您有一个下拉菜单和一个 iframe,则单击该下拉菜单会在 iframe 下方对齐。我这里有一个例子
我已经尝试过一百万种不同的 z-index 方法。我已经在所有浏览器中进行了测试,只有 IE10 似乎有问题。
虽然我知道 IE10 还没有出现在任何 Windows 机器上,但它即将到来,我不希望菜单失败......有什么想法吗?
如此处所引用。可能值得一试。
$(document).ready(function () {
$('iframe').each(function(){
var url = $(this).attr("src");
$(this).attr("src",url+"?wmode=transparent");
});
});
另外,我认为您需要添加 style="position:relative;" 到iframe实现z-index。
试试这个..它对我有用。检查你的情况。
包含 iframe 的页面上的 Bootstrap 3 导航栏
它建议使用“完整的结束语”。
<iframe frameBorder="0", width="100%", height="500", id=generic src="generic_order.html"></iframe>