一 介绍
-
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