javascript - Kendo 窗口被 IE 11 PDF 查看器隐藏在 iframe 中?

标签 javascript internet-explorer iframe kendo-ui pdf-viewer

我有一个包含 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 ChromeMS 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/

相关文章:

javascript - 下拉选择器

javascript - 在node.js中读取WAV音量数据

javascript - 制作一个可以用一个参数执行多个回调的函数

internet-explorer - 在网站上嵌入VLC插件来播放RTSP流

java - 如何在 Selenium WebDriver 中为多个浏览器配置文件

javascript - 检查网页是否不阻止包含在 iframe 中

javascript - 您使用过哪些 JavaScript 单元测试和模拟框架?

css - IE 8 表格填充问题

asp.net-mvc-4 - IE11 IFrame 内容无法加载

javascript - Jquery 的 eq(0), "..first-child", first() 如果它是一个 iframe 则不捕获第一个 child