Question

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

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

现在我在同一页面上添加了一个按钮，按钮的点击事件已连线打开一个kendo窗口弹出窗口。

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

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

我有什么选择？

我只针对IE11，Chrome和MS边缘浏览器。

Answer 1

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

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