jQuery Модальное окно, появляющееся под элементами в IE7 и IE8

Question

У меня есть модальное окно с поддержкой jquery на странице.Он прекрасно работает в Chrome, Firefox и IE8, но в IE6 и IE7 окно отображается под другими элементами и в неправильном положении.

Вот css для окна:

.simple_overlay {
display: none;
z-index: 10000;
background-color: #FCFCFC;
background-image: none;
background-image: url(http://static.flowplayer.org/img/commerce/box-512.png);
padding: 20px;
width: 675px;
height: 400px;
min-height: 200px;
-moz-border-radius: 8px 8px 8px 8px;
border: 10px solid rgba(82, 82, 82, 0.698);
-moz-box-shadow: 0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}

Answer 1

IE 6 и 7 сбрасывают стек z-index («заблокирован при этом значении») каждый раз, когда он видит значение позиции, которое не является статичным.Это означает, что если у вас есть что-то выше этого элемента, что position: relative или что-то еще, этот элемент будет заблокирован только на этом уровне (или 0, если нет z-индекса), и предоставленный z-индекс будет относительнодругие элементы в этом z-index.Исправьте это, убедившись, что оно относится ко всей странице, а не к произвольному родительскому элементу.

Answer 2

У вас могут быть некоторые проблемы с вашим z-index. Попробуйте поставить позицию: относительная в этом классе.

Вот более длинное объяснение трюков с z-индексом IE

http://annevankesteren.nl/2005/06/z-index