只更改div的z索引，而不是它的每个子级

Question

我有一个div，它与另一个具有更高z索引的div重叠。每个div都包含类似的分层图像。

当我更改父div的z索引以使另一个div位于顶部时，我需要两个div中所有分层的子div保持与以前相同的顺序，但根据父div的新位置作为一个组进行分层。

现在，为了实现这一点，我必须将一个div的z-index从5更改为1，将其子项从6,7,8更改为2,3,4。将另一个div的z-index从1更改为5，并将其子项从2,3,4更改为6，7，8。

如何只更改div的z索引？它的孩子永远不需要改变相对于父div的顺序。所以看起来我不需要每次都进行设置。

也许我应该使用iframe而不是div？

Answer 1

子元素继承其父元素的z索引。您可能需要重新考虑您的元素层次结构或定位，以实现具有这些约束的目标。把你的代码发布到jsFiddle上，这样我们就可以看一看。

参考：Understanding CSS z-index