【问题标题】: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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-12-29
      • 1970-01-01
      • 2012-07-05
      • 1970-01-01
      • 2015-08-08
      • 1970-01-01
      • 2020-03-27
      • 1970-01-01
      相关资源
      最近更新 更多