Вопросы Теги

Почему IE7 не уважает z-индексный порядок?

  1. #cm_sidebarDIV у отделения есть z-индекс 3;
  2. .abouttop and .aboutlist у отделений есть z-индекс 2

Так #cm_sidebarDiv наверху, когда это отображено в Firefox и Chrome, но в EI7 это остается внизу.

#leftmanulist{ background:url("images/abouttop.gif") no-repeat;
float: left;
margin: 2px 2px 5px 30px;
padding:39px 0 0 0;
width:237px;
}

#leftmanulist ul li{line-height:35px;text-align:left; text-decoration:none;}
#leftmanulist ul li a{ text-decoration:none;}

#leftmanulist ul li:hover{ color:#0068FF;}
#leftmanulist ul li a:hover{ color:#0068FF;}

#leftmanulist ul li.index{ color:#0068FF;}
#leftmanulist ul li.index a{ color:#0068FF;}

  .abouttop{background:url("images/leftmanulist_z.gif") repeat-y ;
    padding:0 6px;  position:relative; z-index:2;
    width:237px;}

    .aboutlist{position:relative;left:28px;}
    .aboutbutton{background:url("images/leftmanulist_b.gif") no-repeat;
    width:237px; height:20px; position:relative; top:-17px; z-index:2;}
    .inword{color:#555555;font-size:0.92em;text-align:justify;line-height:24px;letter-spacing:1px; padding:30px 40px 0px 336px; }


    #cm_sidebarDIV {
        z-index: 3;
    }

Какие-либо предложения?

1
задан alexchenco 27 April 2010 в 14:30
поделиться

3 ответа

Для правильной работы z-index он должен иметь параметр позиционирования, отличный от статического, который используется по умолчанию. Попробуйте изменить его на относительное (или абсолютное, если вам это нужно). 

#cm_sidebarDIV {
    position: relative;
    z-index: 3;
}
1
ответ дан 3 September 2019 в 01:00
поделиться

Явно задайте положение #cm_sidebarDIV как относительное или абсолютное.

1
ответ дан 3 September 2019 в 01:00
поделиться

Я думаю, что это одно из загадочных явлений IE. Я изменил все about divs на position: static и это решило проблему (не уверен почему).

0
ответ дан 3 September 2019 в 01:00
поделиться
Другие вопросы по тегам:

Похожие вопросы: