IE 11 PDF查看器在iframe中隐藏了剑道窗口？

Question

我有一个包含iframe 的页面。 iframe 用于显示来自 amazon s3 的 pdf 文档。基本上我将 iframe 的 src 属性设置为 s3 链接。工作正常！！。

  <iframe class="mt-iframe" src="http://xxxx.amazonaws.com/12345454.pdf"></i 
frame>

现在我在同一页面上添加了一个按钮，该按钮的单击事件被连接起来以打开一个剑道窗口弹出窗口。

当我单击时，窗口会打开，但它隐藏在 pdf 文档后面。 （并且看起来它只发生在 IE 中的 pdf 文档中。在 Google Chrome 和 MS Edge 中它工作正常）不知何故，我认为*，IE 中的默认 pdf 查看器搞砸了。我尝试在 iframe 和弹出窗口上设置 z-index，但没有成功。

所以为了暂时解决这个问题，我目前在窗口打开时隐藏iframe；并在窗口关闭时显示。但这并不是很好的用户体验。

我有什么选择？

我只针对 IE11、chrome 和 MS edge 浏览器。

Answer 1

尝试在 iframe 上设置 wmode="transparent"，如下所示：

<iframe class="mt-iframe" wmode="transparent" src="http://xxxx.amazonaws.com/12345454.pdf"></i 
frame>

查看此内容了解更多信息：http://www.stampede-design.com/blog/2011/06/dropdown-menu-hiding-behind/#.WPHtnNKGMYt