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

Question

在使用jquery的图层上使用带有fadIn的z-index时，我遇到了一个奇怪的事情。没有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层的fadeIn之后显示。

在z-index上使用或在fadeIn的上下文中有什么我忽略的吗？有什么可以解决的？

Answer 1

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

出了什么问题：

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

<强>解决方案：

虽然我没有更改任何html标记，但我只是在我的脚本中添加了一些标记，并且同时隐藏/淡化了每个孩子。这在某种程度上保持了所有z-index的完整性。