不依赖z-index的层叠上下文元素的层叠顺序(css属性的层叠上下文元素,遵循后来居上准则)和z-index:auto属于同一级别
依赖z-index的层叠上下文元素根据z-index值决定层叠顺序,若值相等,遵循‘’后来居上‘’
不依赖z-index的层叠上下文与z-index:auto是一个层叠水平
opacity 不为 1 是层叠上下文元素,z-index:atuo; 和 absolute 一样,所以后来居上。
opacity 为 1 是普通元素,因为文字是绝对定位,所以在上面了。
层叠上下文不设置z-index均为z-index:auto级别
7阶层叠水平完整版
z-index与其他Css属性层叠上下文

更完整的7阶层叠上下文
7阶层叠水平标准

更完整的7阶层叠水平
不支持z-index的层叠上下文元素的层叠顺序均是z-index:auto级别;
依赖z-index值创建层叠上下文的情况:
position值为relative/absolute或fixed(部分浏览器)
display:flex/inline-flex容器的子flex项
新增一条更完善
士大夫但是范德萨发达房贷首付放大
z-index笔记
更完整的7阶层叠水平
例子1
依赖z-index值创建层叠上下文的情况
2345同一水平
新七阶