今天小编跟大家讲解下有关css z-index属性 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css z-index属性 的相关资料，希望小伙伴们看了有所帮助。
z-index 属性用来控制元素在 z 轴上的顺序
1. 适用范围z-index 仅适用于定位元素。即postition值为relative,absolute和fixed属性
2. 作用指定当前元素的堆叠顺序创建新的堆叠上下文2.1 什么是堆叠顺序堆叠顺序是当前元素位于z轴上的值。值越大表示元素越靠近屏幕，反之元素越远离屏幕在同一个堆叠上下文中，z-index值越大，越靠近屏幕。除了z-index控制着元素的堆叠顺序，还有其他因素控制着元素的堆叠顺序，如下：<img src="https://www.github.com/hileix/blogs/raw/master/src/assets/堆叠顺序.png">2.1 什么是堆叠上下文？堆叠上下文是一个在该元素内的堆叠顺序不会影响到其他堆叠上下文堆叠顺序的一个环境html 文档默认的堆叠上下文： html 元素
3. 其他元素的堆叠顺序不会高于（或低于）父元素的堆叠顺序来源：爱蒂网
