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

Question

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

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

无论如何，我需要在 pdf 顶部显示对话框。我尝试了以下解决方案 但没有任何效果， 调整 z-index， pdf对象， 嵌入标签， 我无法根据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 之后，现在他们没有。希望对您有所帮助。