0

我有一个 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?

4

1 回答 1

0

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

参考:了解 CSS z-index

于 2013-02-22T19:09:43.167 回答