CSS负z指数：它是什么意思？

根据标准，如果我向元素的z-index属性添加一个负整数值，预期的效果是什么

我搜索了答案，但只找到了这个：

---

“降低优先级的负值”对我来说没有任何意义。

具有负z索引的元素将在大多数元素下呈现，除非它们具有更低的z索引。

公认的答案是正确的，但并非完全正确

对于初学者，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；
}

z自动（首字母）
z-1
父项：自动/子项：-1

z0
z-1
父项：0/子项：-1

所以这没什么奇怪的？我的意思是，如果我有3个元素，z-指数为-1，0，1，如果我把所有这些都增加，比如说，增加到1，2，3？@Herbertusz是的，它是一样的。现在假设您有500个元素，并且希望其中一个元素位于所有其他元素之下。您是希望将所有其他元素都设置为z-index=1，还是仅将其中一个设置为z-index=-1？@Herbertusz注意，默认情况下，元素属于。因此，如果您想在

后面设置元素，您几乎必须使用负z索引。默认z索引是

auto

而不是

0

。请参阅下面我的答案以了解更多信息。

z-index

的初始值为

auto

。默认情况下，当前堆叠上下文中生成的框的堆叠级别为

0

。这个问题显然不是重复的-那里没有负z索引。请重新考虑这个问题并删除警告。更好的回答非常感谢。这是一个很好的解释。