仅更改 div 的 z-index 而不是每个子项答案

【问题标题】：only change z-index of a div and not each of it's children仅更改 div 的 z-index 而不是每个子项
【发布时间】：2013-02-22 16:55:18
【问题描述】：

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

当我更改父 div 的 z-index 以便现在另一个 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-index？它的孩子永远不需要改变相对于父 div 的顺序。所以看来我不应该每次都设置一个。

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

【问题讨论】：

whathaveyoutried.com
@JayBlanchard 我尝试“将 div 的 z-index 从 5 更改为 1，它的子元素从 6,7,8 更改为 2,3,4。并将另一个 div 的 z-index 从 1到 5，其子代从 2,3,4 到 6,7,8"
你能显示你正在使用的代码吗？相关标记？

【解决方案1】：

子元素继承其父元素的 z-index。您可能需要重新考虑您的元素层次结构或定位，以通过这些约束来实现您的目标。将您的代码发布到jsFiddle，以便我们查看。

【讨论】：