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);
    }
  }