z-index fadIn 与 jQuery 交叉不透明度

Question

我在 jquery 层上使用 z-index 和 fadIn 时遇到了一件奇怪的事情。没有fadeIn，只是显示没有问题：

这是我的设置：

Layer 1 (-2), position: absolute
Layer 2 (fadeIn) (-1), position: relative
Layer 3 ( none / 1), position: absolute
Layer 4 (fadeIn) (2), position: absolute

由于我没有在第 3 层上使用 z-index 值，因此 fadIn 工作正常，预计第 3 层在与第 1 层交叉的地方获得不透明度。

如果我在第 3 层上使用 z-index 值，则在过渡时不再与第 1 层交叉，但第 4 层只会在第 1 层的淡入之后显示。

在使用 z-index 或在淡入淡出的上下文中，有什么我忽略的吗？有什么办法吗？

Answer 1

好的，这是我的解决方案：

出了什么问题：

所有四个图层都是我实际淡入的 div 的子级。我建议在执行此操作时，一旦转换完成，不同的 z-index 状态将被忽略并“重新激活”。

解决方案：

虽然我没有更改任何 html 标记，但我只是在我的脚本中添加了一些标记并同时隐藏/淡入每个子项。这以某种方式使所有 z-index 保持不变。