提问人：Jez 提问时间：2/13/2023 更新时间：2/18/2023 访问量：92
这个 Chromium devtools z-index 弹出窗口是否提供了错误/过时的建议？
Is this Chromium devtools z-index popup giving wrong/outdated advice?
问：
我有一个网格设置，其中有几个相互重叠的元素。由于我想控制它们重叠的顺序，因此我在其中一些上设置了 CSS。然后，当我在 Chromium 开发工具中检查这些元素时，我得到以下结果：divz-index
这个建议是不是不正确，可能是因为它是在CSS网格最终确定之前写的？当网格中的元素是 时，似乎最肯定的是控制网格中渲染顺序的效果。staticz-index
答：
1赞
Alohci
2/18/2023
#1
假设元素是网格项（从您的图像中看不出情况是这样的），那么是的，该建议是不正确的。网格项目的 z 轴排序规范说：
...网格项的绘制顺序与内联块 [CSS2] 完全相同，只是使用顺序修改的文档顺序代替原始文档顺序，并且即使位置是静态的，自动创建的 z 索引值也会自动创建堆叠上下文（行为完全像位置是相对的）。因此，z 索引属性可以很容易地用于控制网格项的 z 轴顺序。
为什么它不正确只能推测。我不想说这个建议是过时的还是错误的。
Flex 项目也受到类似的处理，尽管 Chrome 不会为它们提供相同的错误建议。
评论