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