Question

在JS代码中，我声明当覆盖垂直菜单中的LI元素时，所有li元素都会得到样式：z-index:5，但当前的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');

你怎么能帮助我？

Answer 1

首先阅读本系列文章：https://developer.mozilla.org/en/Understanding_CSS_z-index

如果你试图在IE7中使用z-index - 它有问题 - 尝试基于“没有z-index的堆叠”构建菜单。例如 - 没有悬停position:static，悬停position:relative。

同时尝试设置不悬停position:relative;（没有z-index）和悬停position:relative;z-index:2

如果将样式放到类中并通过类使用jquery进行操作会更好：addClass('class')和removeClass('class')

IE中的Z-index：li元素在结束时消失了

1 个答案: