Преобразование Css + проблема с z-индексом ⇐ CSS

[Anonymous]

Еще один вопрос по этому поводу, но я не нашел точно такой же проблемы в SO.

Поэтому я стараюсь сохранить позицию z-index дочернего элемента переведенного элемента.
См. проблему здесь: http://codepen.io/anon/pen/XjvLoW?editors=0100.

Если вы прокомментируете преобразование строки: TranslateX(30%); из div z-index снова заработает.

До сих пор я пытался транслировать3d() code> для принудительного повторного рендеринга или противоположного стиля преобразования: Flat; и многого другого, но безуспешно.

Я знаю, что могу решить проблему, переведя элемент p внутри (вместо родительского элемента), но в моем очень сложном контексте я не могу.
Может кто-нибудь дать мне хороший совет?

Спасибо за помощь!

[EDIT]

Я не могу установите z-index для элемента div, это не то, что мне нужно, поскольку этот div содержит другие элементы, которые я хочу разместить за фоном :before.

В контексте скользящей панели содержимое сдвигается слева. Я стараюсь иметь только панель над наложением. это не тот контент, который он также содержит.

Здесь я обновил код, чтобы лучше отразить мою проблему: http://codepen.io/anon/pen/BQBBoy? редакторы=0100

Подробнее здесь: https://stackoverflow.com/questions/403 ... ndex-issue