1.后来者居上原则
复制代码
Document
复制代码 运行结果:
解析:我们可以看到,红色作为后来的元素覆盖在之前的元素上了,在未设置z-index的前提下,后来元素会覆盖前面添加到元素,当然实在开启了绝对定位的前提下(不开启绝对定位不能直观的看到效果)
2.谁大谁先上原则
在.a添加z-index:2,在.b添加z-index:1
运行结果:
解析:通常情况下,z-index越大,层级越高,越在上面
当发生嵌套时,祖先优先原则
复制代码
Document
亚马逊测评 www.yisuping.com