IE7 не учитывает z-индекс

При запуске в режиме совместимости календарь ниже отображается за текстовыми полями ниже. IE8 отображает календарь так, как мне нужно.

Мой CSS

.MyCalendar .ajax__calendar_container 
{
border:1px solid #7F9DB9; 
background-color: #ffffff; 
z-index : 1004 ;   
width:190px;
}

текстовые поля, которые накладываются на календарь, нигде не имеют своего z-индекса, хотя я пытался в своем коде на стороне сервера установить их z-индекс на -1, если я безрезультатно обнаружу IE7. Какие-либо предложения? альтернативный текст


css z-index internet-explorer-8 internet-explorer-7
person user48408    schedule 23.09.2009    source источник

Ответы (2)


arrow_upward
32
arrow_downward

У IE проблемы с z-index. Большинство браузеров рассматривают страницу как один непрерывный контекст стека, но в IE позиционированные элементы создают новый контекст стека, начиная со значения z-index, равного 0.

Как упоминалось в этой статье:

http://trwa.ca/2012/03/ie-z-index-bug-and-how-to-squash-it/

попробуйте задать родительскому элементу календаря еще более высокий z-индекс.

person rhodesjason    schedule 23.09.2009
comment
Я не должен говорить, что у IE7 есть проблемы, просто он обрабатывает z-index иначе, чем другие браузеры. - person rhodesjason; 23.09.2009
comment
И это было бы проблемой. - person Toji; 23.09.2009
comment
Какая удачная запись - у меня была такая же проблема - person user97410; 23.09.2009
comment
Чтобы быть немного более точным: найдите точку, в которой два конкурирующих элемента имеют предков, которые являются братьями и сестрами (где они оба находятся внутри одного и того же элемента). Возьмите родственного элемента, который является предком элемента, который вы хотите разместить сверху, и задайте этому положение (например, положение: относительное) и высокий z-индекс. Это может быть родитель, а может быть и нечто большее. - person user56reinstatemonica8; 13.11.2012

arrow_upward
2
arrow_downward

Я, наконец, получил его сверху с дополнительным прозрачным фоновым изображением. IE8. САСС:

  #galerie-link {
    position: absolute;
    z-index: 1000;
    top: 25px;
    left: 40px;
    a {
      display: block;
      width: 185px;
      height: 90px;
      background-image: url(../images/transparent.png);
    }
  }
person leymannx    schedule 01.04.2014
comment
Твоя прозрачная прокладка, спасенная задницей. Спасибо. - person ; 20.08.2015