jQuery флип-анимация, показывающая через DIV сверху

Я использую плагин jquery flip, чтобы перевернуть div. У меня есть больший DIV, который находится поверх DIV, который переворачивается. Но когда DIV переворачивается, анимация показывает DIV сверху. Я не хочу, чтобы DIV, который переворачивается, показывался через DIV сверху. См. пример проблемы здесь:

http://jsfiddle.net/psivadasan/4dPaX/7/

Цените любую помощь.


jquery flip
person b-marls    schedule 19.01.2012    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Во время анимации флипбокс имеет z-index: 9999;, поэтому поднимите z-index оверлея выше 9999:

.overlay {
    ...
    z-index: 10000;
}

Также см. ваш обновленный пример.

person scessor    schedule 19.01.2012

arrow_upward
0
arrow_downward

Вы не должны устанавливать для свойства z-index флипбокса большее значение, чем то, которое имеет оверлейный div.
Вот демонстрация: http://jsfiddle.net/gion_13/4dPaX/9/

person gion_13    schedule 19.01.2012