Z-индекс не работает в IE7

Question

Я создал диалоговое окно во время нажатия кнопки Удалить. Он перекрывает родительский элемент Div.

Он работает во всех браузерах, кроме IE 7. Здесь я упомянул Css для диалогового окна и div.

dialog_box {
width:219px;
height:100px;
background-image:url(../images/preference/popup.png); background-repeat:no-repeat;
padding:10px;
position:absolute;
right:-10px;
z-index:50;
overflow:hidden;
}

Div{
border:solid 1px #ffffff;
padding:10px;
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
position:relative;
text-align:left;
}

Есть идеи, почему это происходит?

Answer 1

Трудно не видеть HTML, и я не уверен, как iframe повлияет на это, но кажется, что та же проблема, что и в этом вопросе , поэтому Давидин, вероятно, прав.

У меня есть сообщение о IE z-indexing ( Обновление: новая и действующая ссылка) с некоторыми иллюстрациями, которые могут приблизить вас к решению.

Эта статья сейчас не работает, так что вот архив обратного автомата

Answer 2

Вы должны установить z-индекс на позицию: относительные элементы (а не на абсолютные элементы внутри него, если они есть).

Также обратите внимание, что при установке z-индекса для позиционируемого элемента будет создан новый стек z-порядка для дочерних элементов.

Answer 3

Это лучший способ вам помочь. используйте jquery

$(function() {
   var zIndexNumber = 1000;
   $(".x").each(function() {
           $(this).css('zIndex', zIndexNumber);
           zIndexNumber -= 10;
   });
});

стиль

.rel {ширина: 50px; высота: 50px; цвет фона: # 333; позиция: относительная; } .abs {position: absolute; топ: 34px; Слева направо: 5px; цвет фона: #FFF; высота: 20px; ширина: 30px; }

Html

<div class="rel"><div class="abs"></div></div>

Answer 4

Не уверен, что вы собираетесь здесь ... Я полагаю, DIV в dialog_box?

Возможно, вы не определили z-индекс для DIV, посмотрите, дает ли это 40 работ.

Answer 5

это общая проблема с IE7.

См. Это: http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/64774ff1-1cce-4666-a2c7-9a899994aaef

Или Google "IE7 z-index" и узнайте намного больше.

Answer 6

Элемент, на который ссылается dialog_box, находится в том же контейнере, что и Div? В IE работа с z-индексом для элементов, содержащихся в одном и том же содержащем блоке, иногда может быть странной. Попробуйте переместить ваш dialog_box в блок более высокого уровня (скажем, элемент body), и посмотрите, как это работает. Возможно, вам придется скорректировать свое позиционирование, но обычно размещение всплывающих элементов div на уровне тела облегчает любое странное поведение z-index / absolute позиционирования.