Html IE中iframe内带有pdf的zIndex问题

Html IE中iframe内带有pdf的zIndex问题,html,css,iframe,z-index,Html,Css,Iframe,Z Index,在我的.net项目中,我有一个自定义HTML处理程序,它可以显示PDF文件,在chrome和其他浏览器中可以正常显示,但在ie中,PDF的z索引高于所有其他堆叠元素。我的意思是,当我滚动时,iframe中的pdf会出现在我的菜单和其他固定元素上 在IE中,页面上的任何自由浮动元素都存在相同的问题,此函数修复了该问题 函数fixPDFzIndexIssue(idToFix){ 如果(!idToFix)返回“请提供要修复的div的id”; 变量$divToFix=$('#'+idToFix); $d

在我的.net项目中,我有一个自定义HTML处理程序,它可以显示PDF文件,在chrome和其他浏览器中可以正常显示,但在ie中,PDF的z索引高于所有其他堆叠元素。我的意思是,当我滚动时,iframe中的pdf会出现在我的菜单和其他固定元素上

在IE中,页面上的任何自由浮动元素都存在相同的问题,此函数修复了该问题

函数fixPDFzIndexIssue(idToFix){
如果(!idToFix)返回“请提供要修复的div的id”;
变量$divToFix=$('#'+idToFix);
$divToFix.wrap(“”);
$(“.outer”)。追加(“”);
$(“.cover”).css({
“最小宽度”:“100%”,
“最小高度”:“100%”,
“溢出”:“隐藏”,
'位置':'绝对',
“边界”:“无”,
“左”:0,
“顶部”:0,
“z索引”:-1
});
}

似乎任何悬停在PDF上的div都需要在其下方放置一个iFrame,以便在PDF上进行渲染。

如果您尝试过,请分享您的源代码。几乎所有浏览器(safari opera IE)都面临同样的问题。这是一个非常聪明的黑客攻击,当您无法控制iFrame的内容时!你能分享一个调用这个函数的例子吗?妙招!。我只是编辑了HTML模板并对IFrame进行了硬编码,而不是在javascript中动态添加。它适用于引导模式、下拉菜单等。