CSS中层叠和CSS的7阶层叠水平(上篇)

tech2022-09-18  129

1.后来者居上原则

复制代码

Document 复制代码 运行结果:

解析:我们可以看到,红色作为后来的元素覆盖在之前的元素上了,在未设置z-index的前提下,后来元素会覆盖前面添加到元素,当然实在开启了绝对定位的前提下(不开启绝对定位不能直观的看到效果)

2.谁大谁先上原则

在.a添加z-index:2,在.b添加z-index:1

运行结果:

解析:通常情况下,z-index越大,层级越高,越在上面

当发生嵌套时,祖先优先原则

复制代码

Document

亚马逊测评 www.yisuping.com

最新回复(0)