我有一个包含 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 浏览器。
最佳答案
尝试在 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
关于javascript - Kendo 窗口被 IE 11 PDF 查看器隐藏在 iframe 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43418030/