Javascript “iFrame重叠jQuery”对话框中的PDF，z索引不起作用
我尝试了许多选项来修复PDF iFrame重叠jQuery对话框的z索引问题，但仍然不起作用 与"发行"类似,， 我在IE中也有同样的问题，以下是我问题的截图： 下面是生成对话框的jQuery代码：-Javascript “iFrame重叠jQuery”对话框中的PDF，z索引不起作用,javascript,jquery,pdf,iframe,z-index,Javascript,Jquery,Pdf,Iframe,Z Index,我尝试了许多选项来修复PDF iFrame重叠jQuery对话框的z索引问题，但仍然不起作用 与"发行"类似,， 我在IE中也有同样的问题，以下是我问题的截图： 下面是生成对话框的jQuery代码：- $("#cancelSessionButton").click(function () { $("#sessionReason").dialog("open"); $("#pdf").hide();
$("#cancelSessionButton").click(function () {
$("#sessionReason").dialog("open");
$("#pdf").hide();
});
$("#sessionReason").dialog({
autoOpen: false,
modal: true,
buttons: {
"Submit": function () {
.......
},
"Cancel": function () {
$(this).dialog("close");
$("#pdf").show();
}
}
});
$("#cancelSessionButton").click(function () {
$("#sessionReason").dialog("open");
$("#pdf").hide();
});
<div id="pdf">
<iframe id="pdfIframe" name="pdfIframe" src="pdf.html" style="width: 100%; height: 100%;" scrolling="auto" frameborder="1">
Your browser doesn't support inline frames.
</iframe>
</div>
您的浏览器不支持内嵌框架。
<body>
<object data="lorem.pdf" type="application/pdf">
<p>It appears you don't have Adobe Reader or PDF support in this web browser.
<br/>
<a href="lorem.pdf">Click here to download the PDF</a> OR <a href="http://get.adobe.com/reader/" target="_blank">Click here to install Adobe Reader</a></p>
<embed id="pdfDocument" src="lorem.pdf" type="application/pdf" />
</object>
</body>
此web浏览器中似乎不支持Adobe Reader或PDF。
或
请建议 有一个解决方案是使用iframe hack（请参见此问题了解该hack的解释：） 从jQuery1.9开始，您可以扩展JQuery
ui.dialog.ui对话框iframe$.widget( "ui.dialog", $.ui.dialog, {
_parentInit: $.ui.dialog.prototype._init,
_init: function() {
this._parentInit();
$("<iframe src=\"about:blank\" frameborder=\"0\" style=\"position:absolute; top:0;left:0; width:100%;height:100%;z-index:-1;\"></iframe>").appendTo(this.element.parent());
}
});
$.widget（“ui.dialog”，$.ui.dialog{
_parentInit:$.ui.dialog.prototype.\u init，
_init:function（）{
这个；
$（“”）.appendTo（this.element.parent（））；
}
});
头部每个JQuery对话框都会自动添加
iframe