z-index(学习笔记)

Posted 2022-01-10 做个机灵鬼

定义

一个元素在文档中的层叠顺序，用于确定元素在当前层叠上下文中的层叠顺序

适用范围： 定位元素
1.即定义position非static的元素，即除了静态定位其他的定位都可以使用z-index
2.每个元素的层叠顺序和" 所处的层叠的上下文" 和 “自身的层叠级别” 有关

z-index的值越大说明 它的层叠级别大的显示在上面，级别小的显示在下面

注意 ：当子元素和父元素同时拥有层叠级别时，以父级层叠关系为主，子元素和父元素的层叠关系不会叠加