IE7 не уважает z-index
При работе в режиме совместимости календарь ниже отображается за текстовыми полями ниже. IE8 отображает календарь так, как мне нужно.
Мой CSS
.MyCalendar .ajax__calendar_container
{
border:1px solid #7F9DB9;
background-color: #ffffff;
z-index : 1004 ;
width:190px;
}
для текстовых полей, наложенных на календарь, нигде не задан z-индекс, хотя я пытался в своем коде на стороне сервера установить их z-индекс на -1, если я обнаружу, что IE7 безрезультатно. Какие-либо предложения? ![alt text]()
Ответы
Ответ 1
IE имеет проблемы с z-индексом. Большинство браузеров рассматривают страницу как один непрерывный контекст стекирования, но в IE позиционированные элементы генерируют новый контекст стекирования, начиная с значения z-индекса 0.
Как упоминалось в этой статье:
http://trwa.ca/2012/03/ie-z-index-bug-and-how-to-squash-it/
попробуйте предоставить родительскому элементу календаря еще более высокий z-индекс.
Ответ 2
Наконец-то я получил его сверху с дополнительным прозрачным фоновым изображением. IE8. SASS:
#galerie-link {
position: absolute;
z-index: 1000;
top: 25px;
left: 40px;
a {
display: block;
width: 185px;
height: 90px;
background-image: url(../images/transparent.png);
}
}