2013-09-17 2 views
3

У меня есть собственный обработчик HTML в моем проекте .net, который отображает файлы PDF, в хромовых и других браузерах он отображается правильно, но в том, что z-индекс PDF является, прежде всего, другими сложными элементами , Я имею в виду, когда я прокручиваю, pdf в iframe приходит через мое меню и другие фиксированные элементы.Проблема zIndex с pdf внутри iframe в IE

+0

Если у вас есть вопрос, пожалуйста, поделитесь своим исходным кодом – falguni

+0

i m также сталкивается с той же проблемой почти со всеми браузерами (Safari opera IE) – SANDEEP

ответ

6

У меня была эта же проблема с любыми свободными плавающими элементами на странице в 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 
    }); 
} 

кажется, что любой DIV, что парит над PDF требует IFrame быть помещены под ним так, что он делает над PDF.

+0

Это действительно умный взлом, когда вы не контролируете содержимое iframe! – nathanb

+2

Можете ли вы поделиться примером, вызывающим эту функцию? – JoshYates1980

+0

Аккуратный трюк !. Я только что редактировал шаблон HTML и жестко закодировал IFrame вместо динамического добавления в javascript. Он работает для загрузочных модальных, выпадающих меню и т. Д. – merawalaid

Смежные вопросы