js鼠标滑过弹出层的定位IE6bug解决办法_javascript技巧



大家在写div+css的时候经常会用到弹出层，由于IE6的bug，所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面，这种问题在火狐浏览器下可以用z-index来解决，但是在IE6下面是不起作用的，下面的代码给大家提供了一种此类问题的解决办法，原理如下:用Jquery给弹出层的z轴依次增加高度.代码很简单，效果很显著，吼吼！
代码如下:

测试新闻标题一

这里显示弹出层

测试新闻标题一

这里显示弹出层

测试新闻标题一

这里显示弹出层

测试新闻标题一

这里显示弹出层

测试新闻标题一

这里显示弹出层

测试新闻标题一

这里显示弹出层

测试新闻标题一

这里显示弹出层

for(var i = 0; i < $(".box li").length;i++){
var j = 10000-i
$(".box li").eq(i).css("z-index",j);
}
$("#boxcotent li").hover(function(){
$(this).children(".layer").show();},function(){$(this).children(".layer").hide();}
);
$("#boxcotent li").hover(function(){
$(this).addClass("s");},function(){$(this).removeClass("s");}
);



以上JS代码需要引入jquery-1.3.2.min.js文件
关键JS代码
for(var i = 0; i < $(".box li").length;i++){
var j = 10000-i
$(".box li").eq(i).css("z-index",j);
}