0

選択したメニュー項目に応じて、複数の PDF が iframe に取り込まれるサイトを修正しようとしています。これはほとんどのブラウザーで正常に機能しますが、IE7、8、および 9 では、PDF が iframe に表示されると、ドロップダウン ナビゲーションが iframe の後ろに表示されます。

これは z-index の問題ではなく、IE の問題であることはわかっています。また、Google pdf ビューを使用でき、すべてがうまくいくことも知っていますが、彼らはこれに依存したくありません。

これを修正する方法について誰でも提案できますか。使用できるプラグインはありますか？

ありがとう

4

1 に答える 1

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');
}
于 2013-03-27T09:23:57.830 に答える