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