IE выпадающих меню позади pdf в iframe

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'); 
}