Z-индекс в IE: элемент li исчез, когда над ним - PullRequest
Новая
       7

Z-индекс в IE: элемент li исчез, когда над ним

1 голос
/ 11 января 2012

В коде JS я объявляю, что при наведении на элемент LI в вертикальном меню все элементы li получают стиль: z-index:5, кроме текущего элемента over li и элемента li с class="selected", что Стиль: z-index: 10. В chrome, FF он работает хорошо, но в IE, когда я перешел через элемент меню li, он исчез.

Ниже приведен код JS: 

var mainMenu_li = document.getElementById('mainMenu').getElementsByTagName('li');

for(i = 0; i < mainMenu_li.length; i++)
    if(mainMenu_li[i].className != "selected")
        mainMenu_li[i].style.zIndex = '5';

$('#' + curObjID).parent().css('z-index','10');

Как вы можете мне помочь?

1 Ответ

0 голосов
/ 10 апреля 2012

Прежде всего прочитайте эту серию статей: https://developer.mozilla.org/en/Understanding_CSS_z-index

Если вы пытаетесь использовать z-index в IE7 - у него с этим проблемы - попробуйте построить меню на основе «Stacking без z-index». Например - без наведения position:static, с наведением position:relative.

Также попробуйте установить без наведения position:relative; (без z-index) и на наведение position:relative;z-index:2

Будет лучше, если вы поместите свои стили в классы и будете манипулировать с помощью jquery через классы: addClass('class') и removeClass('class')

...