IE7 z-index не работает событие после добавления позиции?

Question

IE7 z-index не работает событие после добавления позиции?

0

IE7 z-index не работает, даже если я добавляю позицию: absolute или relative

Есть ли другое решение? Я добавляю другие divs более низкие z-индексы, но не работает

.gallery {
    background-color: #F4F4F4;
    display: block;
    min-height: 300px;
    padding: 20px 10px;
    position: absolute;
    right: -44px;
    top: 70px;
    width: 980px;
    z-index: 3000;
    display: none;
}
.sub_menu {
    background-color: #F4F4F4;
    float: left;
    height: 21px;
    padding: 40px 35px;
    position: relative;
    top: 10px;
    width: 930px;
    z-index: 1000;
}

Elīna Legzdiņa 18 сен. 2013, в 19:20

Источник

Теги:

html

css

2 ответа

0

!important

Должен использоваться как последний результат.

Попробуйте следующее перед рукой

body{
    z-index: -1
} 

.gallery {
    background-color: #F4F4F4;
    display: block;
    min-height: 300px;
    padding: 20px 10px;
    position: absolute;
    right: -44px;
    top: 70px;
    width: 980px;
    z-index: 2;
    display: none;
 }

.sub_menu {
    background-color: #F4F4F4;
    float: left;
    height: 21px;
    padding: 40px 35px;
    position: relative;
    top: 10px;
    width: 930px;
    z-index: 1;
}

Jack Tuck 18 сен. 2013, в 17:08

Ещё вопросы

Kevin Lynch · Accepted Answer · 2013-09-18T14-46-00.000Z

С z-index и IE иногда требуется использовать !important

.gallery {
    background-color: #F4F4F4;
    display: block;
    min-height: 300px;
    padding: 20px 10px;
    position: absolute;
    right: -44px;
    top: 70px;
    width: 980px;
    z-index: 3000 !important;
    display: none;
}
.sub_menu {
    background-color: #F4F4F4;
    float: left;
    height: 21px;
    padding: 40px 35px;
    position: relative;
    top: 10px;
    width: 930px;
    z-index: 1000 !important;
}