javascript - Kendo 窗口被 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