iframe中pdf背后的IE下拉菜单

时间:2013-03-01 19:23:08

标签: internet-explorer pdf iframe

我正在尝试修复一个网站,其中多个pdf被拉入iframe,具体取决于您选择的菜单项。这适用于大多数浏览器,但在IE7,8和9中,当iframe中显示pdf时,下拉导航会在iframe后面。

这不是z-index问题,我知道这是IE的一个问题。我也知道我可以使用谷歌pdf视图,一切都会好,但他们不想依赖于此。

任何人都可以就如何解决此问题提出建议。我可以使用插件吗?

由于

1 个答案:

答案 0 :(得分:0)

为此,我使用了另一个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');
}