z-index fadIn с прозрачностью jQuery

Question

Я испытываю странную вещь при использовании z-index с fadIn для слоев с jquery. Без fadeIn, а просто покажи, проблем нет:

Вот мои настройки:

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

Поскольку я не использую значение z-index на уровне 3, fadIn работает нормально, ожидаем, что уровень 3 получит непрозрачность, когда он пересекается со слоем 1.

Если я использую значение z-index на уровне 3, при переходе слой прозрачности больше не пересекается со слоем 1, но слой 4 будет отображаться только после исчезновения слоя 1.

Есть ли что-то, что я упустил из виду при использовании z-index или в контексте с fadeIn? Что-то, что делает трюк?

Answer 1

Хорошо, вот решение, к которому я пришел:

Что не так:

Все четыре Слоя были дочерними элементами div, в котором я фактически появляюсь. Я предлагаю при этом, чтобы различные состояния z-index игнорировались и "активировались" после завершения перехода.

Решение:

Хотя я не изменил ни одной html-разметки, я просто добавил некоторую разметку в свой сценарий и одновременно скрыл / выцветал в каждом дочернем элементе. Это как-то сохраняет все z-index без изменений.