绝对定位和相对定位下的层级关系

图片说明
给ul 一号设置position:relative,z-index:1。给 ul二号设置position:absolute,z-index:2;
ul二号是ul一号的子元素,然后 用jquery提高一号层级
var zndex=0;
$('.k li').mouseenter(function(){
zndex++;
$('.k li').eq($(this).index()).addClass('active').siblings('li').removeClass('active');
$('.first li').eq($(this).index()).css({'z-index':zndex,'left':650}).animate({'left':0},1000)
})

            一号的层级不会比二号高是为什么

因为1号的z-index的值小呀,层级就比较低咯

z-index=2,数值大的在上面

可以把子元素层级设置成-1,父层级就在子层级上边了

一号的z-index 没有二号的高呀。

z-index值越大,层级越高

要想一号的层级不会比二号高,则可以将二号的z-index设置为-1就行了