Css 是否可以设置仅影响某个div的子元素的z索引规则？

是否可以设置仅适用于特定“范围”的z索引，例如仅影响特定元素的子元素

我有一个z指数为0的集装箱IV。它包含一组圆圈，这些圆圈应该在不同的深度上相互重叠，但我不希望它们影响页面上的任何其他元素

我在页面上有一堆其他元素（弹出窗口、下拉列表等），它们有z-index 1，我希望它们放在containerDiv及其所有子元素的顶部。 因为我很懒，我最好不要根据z索引最高的圆来调整这些元素的z索引值。。。 如果有一种方式，所有其他元素都可以将containerDiv及其所有子元素视为具有相同的z索引，那就太棒了

---

这可以通过css实现吗？

答案取决于您的其他元素是否是containerDiv的后代。回答这个问题：是的，考虑到标记有点混乱，几乎可以肯定这是可能的

但您需要了解的是堆叠上下文的概念：

---

堆叠上下文不会像其他属性那样继承：“从父堆叠上下文的角度来看，堆叠上下文是原子的；其他堆叠上下文中的框可能不会位于其任何框之间。”并不是页面上的每个元素都有

z-index:2

会隐藏在

z-index:4

页面上的所有元素后面。当两个元素共享一个包含元素时，Z索引（结合位置声明）通常（尽管不是唯一）用于解析堆叠顺序。

我不确定我是否理解您的问题。z索引由子元素继承。如果设置容器div的z索引，它将由圆继承。这不是你想要的吗？你可以制作containerDiv-5Z索引，然后把那些圆圈放在上面。