z不同div的孩子的索引

Question

我遇到了一些z-index的问题

让我说我有以下

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

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

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

当然这只是一个例子，我知道如果我交换A和C的z指数得到我的要求，但显然远比这复杂，但实质是这个，鉴于我的情况发布，我怎么能让D在B ??

之上

请帮助!!

Answer 1

如果不更改A和C的z-index，则无法实现这一目标。

堆叠上下文在CSS中的工作方式是，当创建新的堆叠上下文时（通过设置z-index并定位元素或设置不透明度＆lt; 1），它受其父级或后代的堆叠限制上下文。也就是说，如果C的z-index值低于其兄弟A，则C的任何后代都不能高于A或其后代。它就像A无限高于C，所以即使D有z-index 1000000000，它也不会像C一样高。

您可以将其视为一本书的一部分，其中1.10在2.1之前，1.10000也是如此。