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

Question

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

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

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

Answer 1

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

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

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

Answer 2

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