div2的z-index为2,但是现在绝对定位的div3明明z-index比它大, 却依旧在这个层之下。原因是z-index是相对同一父元素下叠加时的z轴顺序。 z-index具有继承性,用简单的数学逻辑表示就是:div1的z-index为1,则它 的子元素div3的z-index就应该是1.xx,如果绝对定位的元素还有子元素, 则z=index值实际上就应该是1.xx.xx。下面的div2的z-index值为2,所以在div3之上   简言之: 子级的index是在父级的上面添加,很大也无效,是因为父级的index比较小。




参考链接:https://www.jianshu.com/p/665709825af8

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。