根据标准，如果我向元素的z-index属性添加一个负整数值，预期的效果是什么
我搜索了答案，但只找到了这个：
https://developer.mozilla.org/en-US/docs/Web/CSS/z-index
“降低优先级的负值”对我来说没有任何意义
公认的答案是正确的，但并不完全正确
对于初学者，z索引的初始值是auto，而不是0
当您指定一个元素z-index:0（或任何其他整数）时，您正在创建一个新的堆叠上下文z索引：自动不会创建堆叠上下文。这一点很重要，因为具有auto的父项将出现在具有-1的子项前面，而具有0的父项将出现在具有-1的子项后面（请参见代码片段）
每个堆叠上下文将根据堆叠顺序对其内容进行排序
还需要注意的是，z-index仅对定位元素有效。定位元素不是初始位置：静态-so相对，绝对等
此外，您应该知道，对某些css属性（如过滤器、变换和不透明度等）的更改也会创建新的堆叠上下文。请参阅下面的参考资料以了解更多信息
p{
位置：绝对位置；
最高：100%；
宽度：200px；
保证金：0
}
.集装箱{
宽度：200px；
高度：200px；
显示：内联块；
背景：无；
}
.盒子{
位置：相对位置；
背景：浅灰色；
宽度：100px；
高度：100px；
填充：15px；
}
瑞德先生{
背景：轻珊瑚；
}
.z-1{
z指数：-1；
}
.z0{
z指数：0；
}<；div class=“container”>；
<；div class=“box”>；
z自动（首字母）
<；div class=“方框红色z-1”>；z-1</部门>；
</部门>；
<；p>；父项：自动/子项：-1</p>；
</部门>；
<；div class=“container”>；
<；div class=“box z0”和gt；
z0
<；div class=“方框红色z-1”>；z-1</部门>；
</部门>；
<；p>；父项：0/子项：-1</p>；
</部门>其他信息
创建堆叠上下文的CSS属性
查看不透明度如何影响堆叠上下文
阅读另一篇关于堆叠顺序的深入文章