internet-explorer - iframe中pdf后面的IE下拉菜单

Question

我正在尝试修复一个根据您选择的菜单项将多个 pdf 文件拉入 iframe 的网站。这适用于大多数浏览器，但在 IE7、8 和 9 中，当 iframe 中显示 pdf 时，下拉导航位于 iframe 后面。

这不是 z-index 问题，我知道这是 IE 的问题。我也知道我可以使用 google pdf 视图，一切都会好起来的，但他们不想依赖这个。

任何人都可以提供有关如何解决此问题的建议。有我可以使用的插件吗？

谢谢

Answer 1

为此，我使用了另一个 iFrame。我将此称为 helperIframe，并将其放在下拉列表后面

您可以在以下来源看到：http: //neckermann.schmetterling-quadra.de/

希望有帮助。

<li rel="id:{$group.id}" onmouseover="showNaviPoints(Navi{$group.id})" onmouseout="hideNaviPoints(Navi{$group.id})"> ...
<ul ...>
</ul>   
<iframe id="helperIframe{$group.id}" style="display:none;"></iframe>

function showNaviPoints(navi)
{
    jQuery(navi).css('display', 'block').next().css({
        'display'   : 'block',
        'width'     : jQuery(navi).width(),
        'height'    : jQuery(navi).height(),
        'position'  : 'absolute',
        'border'    : 'none'

    });
}
function hideNaviPoints(navi)
{
    jQuery(navi).parent().parent().find('li ul').css('display', 'none');
    jQuery(navi).css('display', 'none').next().css('display', 'none');
}