Div с z-индексом: 9999 скрывается в iframe с z-индексом: -1 IE8-

Question

У меня есть всплывающее диалоговое окно, которое представляет собой div, в котором есть display:none, когда он не используется.Это работает в большинстве случаев, за исключением одного сценария, когда другой сайт, отображаемый в iframe, может отображаться поверх div.

. Как видно из названия, я пытался использовать z-index безудачи.Работает в IE9, FF, Chrome и Safari.IE8, IE7 и IE6 все терпят неудачу.

Любые идеи о том, что может вызвать это или как это можно исправить, было бы здорово.Я не смог воссоздать проблему в небольшом масштабе, поэтому я, к сожалению, не могу предоставить пример кода.

Единственное, что у меня есть, так это то, что это связано с изменением размера содержимого внутриiframe но догадка не проверена.

Answer 1

Оказалось, что tricvk помещает фрейм одинакового размера в те же координаты под div.

Answer 2

Трудно сказать наверняка, не видя код, но я подозреваю, что вы видите эту ошибку IE z-index

В Internet Explorer позиционированные элементы генерируют новыйконтекст стека, начинающийся со значения z-index 0. Поэтому z-index работает неправильно.

Решение состоит в том, чтобы расположить (относительно) родительский элемент всплывающего окна и дать емувысокий z-индекс:

<div id="parent" style=" position: relative; z-index: 9999;">
  <div id="popup" style="z-index: 999;"></div>
</div>