Html 不同类别儿童的z指数

我对一些z索引的东西有点麻烦

假设我有以下几点

<div id="A"> z-index = 2
   <div id="B"></div> 
</div>

<div id="C"> z-index = 1
   <div id="D"></div>
</div>

z-index=2
z指数=1

我希望“D”在“B”之上

当然，这只是一个例子，我知道如果我交换A和C的z指数，我会得到我想要的，但显然要比这复杂得多，但本质是，考虑到我发布的情况，我如何使D位于B之上

---

请帮忙

如果不更改A和C的

z索引，就无法实现这一点

CSS中堆叠上下文的工作方式是，当创建新的堆叠上下文时（通过设置z索引并定位元素，或将不透明度设置为<1），它受其父或子代的堆叠上下文的限制。也就是说，如果C的
z-index
值低于其兄弟a，则C的任何子代都不能高于a或其子代。这就像A无限地高于C，所以即使D的z指数
100000000
，也不会像C那么高

你可以把它看作是一本书的一部分，其中1.10在2.1之前，1.10000也是如此。
如果不改变a和C的
z-index
，你就无法做到这一点

CSS中堆叠上下文的工作方式是，当创建新的堆叠上下文时（通过设置z索引并定位元素，或将不透明度设置为<1），它受其父或子代的堆叠上下文的限制。也就是说，如果C的
z-index
值低于其兄弟a，则C的任何子代都不能高于a或其子代。这就像A无限地高于C，所以即使D的z指数
100000000
，也不会像C那么高

你可以把它看作是一本书的一部分，其中1.10在2.1之前，1.10000也是如此。
是的，这就是我所想的，有什么方法可以实现我想要的吗？javascript还是什么？如果不通过JS更改A和C的z索引，我甚至不认为这可以解决它，因为这就是CSS中堆叠上下文的工作方式。C的z指数必须比a低，而D必须是它的子级，这有什么原因吗？你可以将D设为a和C的同级，然后将其z索引设为3。我用掩码隐藏内容，所以，a的全部内容必须屏蔽C的全部内容，但只有D必须位于Byeah之上，这就是我所想的，有没有办法实现我想要的？javascript还是什么？如果不通过JS更改A和C的z索引，我甚至不认为这可以解决它，因为这就是CSS中堆叠上下文的工作方式。C的z指数必须比a低，而D必须是它的子级，这有什么原因吗？您可以将D设置为a和C的同级，然后将其z索引设置为3。im使用掩码隐藏内容，因此，a的全部内容必须屏蔽C的全部内容，但只有D必须位于B的顶部