z IE中iframe内的pdf索引问题

Question

我的.net项目中有一个自定义HTML处理程序，它显示PDF文件，在Chrome和其他浏览器中，它正确显示，但是，PDF的z-index高于所有其他堆叠元素。我的意思是当我滚动时，iframe中的pdf来自我的菜单和其他固定元素。

Answer 1

我在IE中页面上的任何自由浮动元素都遇到了同样的问题，这个函数解决了这个问题。

function fixPDFzIndexIssue (idToFix) {
    if(!idToFix) return "Please provide the id of the div to fix";

    var $divToFix = $('#' + idToFix);

    $divToFix.wrap("<div class='outer'></div>");

    $(".outer").append("<iframe src='about:blank' class='cover'>");
    $(".cover").css({
        'min-width': '100%',
        'min-height': '100%',       
        'overflow': 'hidden',
        'position': 'absolute',
        'border': 'none',
        'left': 0,
        'top':0,
        'z-index': -1
    });
}

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