z-index

一 介绍

• z-index属性是用来设置元素的堆叠顺序或者叫做元素层级。

• z-index的值越大，元素的层级越高。当元素发生重叠时，层级高的元素会覆盖在层级低的元素的上面，使层级低的元素的重叠部分被遮盖住。

二 使用方法

1. 同级元素之间

z-index的值越大，元素的层级越高

2. 父子元素

2.1 父元素未设置z-index,子元素设置了z-index

子元素的z-index的值大于0，则子元素在上；
子元素的z-index的值等于0，则谁在后面，谁在上；
子元素的z-index的值小于0，则父元素在上；

2.2 父元素设置了z-index

此时，无论子元素是否设置z-index，子元素都在父元素之上。

https://blog.csdn.net/weixin_45092437/article/details/126493240