在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');
你怎么能帮助我?
答案 0 :(得分:0)
首先阅读本系列文章: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')