当我打开pdf对话框时iframe问题落后于pdf

Question

我在我的网站上遇到了大问题，即使在谷歌上搜索了很多我没有找到任何完美的解决方案。

在我的网站上，我将iframe包含在一个页面中以查看pdf文件，但是当我打开对话框时，它会落后于pdf。我知道pdf插件不是作为页面的一部分呈现的原因，这就是它始终显示在顶部的原因。

无论如何，我需要在pdf的顶部显示对话框。我尝试过以下解决方案但没有任何效果， 调整z-index， pdfobject， 嵌入标签， 我无法根据pdf调整对话框。

除了这些任何完美的解决方案，如果你有，那么请帮助考虑这一点。

这是我的示例页面

谢谢。

Answer 1

我在文件上传表单中遇到了类似的问题，我在jquery ui对话框中使用了这个问题。我使用这个片段：

 function getMaxZ() {
        var opt = { inc: 5 };
        var def = { inc: 10, group: "*" };
        $.extend(def, opt);
        var zmax = 0;
        $(def.group).each(function () {
            var cur = parseInt($(this).css('z-index'));
            zmax = cur > zmax ? cur : zmax;
        });
        zmax += def.inc;
        return zmax;
    }
     var zIndexMax=getMaxZ();

$("#"+gridName).css({"z-index": Math.round(zIndexMax)});

对我来说就像一个魅力，在我的弹出对话出现在jquery ui之后，现在他们不会。希望它会帮助你。