作者:mobiledu2502936967 | 来源:互联网 | 2018-06-19 12:38
大家在写div+css的时候经常会用到弹出层,由于IE6的bug,所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面;用Jquery给弹出层的z轴依次增加高度可解决.代码很简单,效果很显著,需要了解的朋友可以参考下
大家在写p+css的时候经常会用到弹出层,由于IE6的bug,所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面,这种问题在火狐浏览器下可以用z-index来解决,但是在IE6下面是不起作用的,下面的代码给大家提供了一种此类问题的解决办法,原理如下:用Jquery给弹出层的z轴依次增加高度.代码很简单,效果很显著,吼吼!
代码如下:
以上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);
}