почему z-index не работает в IE? - PullRequest
Новая
       12

почему z-index не работает в IE?

1 голос
/ 25 сентября 2011

Я создал меню верхнего уровня с раскрывающимися списками, но раскрывающийся список не выходит на передний план в IE. Chrome, FF и Safari отлично работают.

Мой код выглядит так: 

<li id="search"><a href="#search" class="drop" >Search</a>
    <div class="drop2columns dropcontent">
        <div class="col_2">
            <ul>
                <li id="search_basic"><a href="#test1">Test1</a></li>
                <li id="search_advanced"><a href="#test2">Test2</a></li>
            </ul>   
        </div>
    </div>
</li>

CSS-файлы выглядят так: 

#menu .drop2columns {width: 130px;}

#menu .col_2 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    z-index: 9999;
}

#menu .col_2 {width:130px;}

Чего мне не хватает? Как я уже сказал, это происходит только с IE (версии 7,8 и 9)

Ответы [ 2 ]

2 голосов
/ 26 сентября 2011

z-index и IE всегда был кошмаром.

Существует несколько обходных путей, см. http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ для одного из них.

2 голосов
/ 26 сентября 2011

z-index работает некорректно в Internet Explorer: позиционированные элементы создают новый контекст стека, начиная с z-index из 0. Чтобы обойти это, вы можете расположить родительский элемент (например, position: relative) и установить для его z-index значение, более высокое, чем у дочернего элемента.

...