Как показать на нечетных слайдах текст?

Question

[Иван Симонов]

Есть код https://jsfiddle.net/wb9dekm3/
Пытаюсь сделать следующие, чтобы текст Text text
- для нечетных слайдах отображался над слайдом
- для четных под слайдом
Для этого делаю так

.swiper-slide:nth-child(odd){
   z-index: 9;
 }

Но, увы это не работает. Подскажите, в чем причина такого поведения и как это исправить?

Comments

[Вадим]

Потому что это так не работает. Дети не могут перебить z-index родителя.
Таким образом, пусть у слайдов будет хоть 100000 z index, если у родителя z-index 1, То они это не перекроют.

[Иван Симонов]

Вадим, как тогда это исправить?

[Иван Симонов]

Вадим, https://jsfiddle.net/89mwdg0y/, без использования слайдера - почему здесь работает?

[Вадим]

Иван Симонов, в данном случае с ходу - нет идей. Нужно долго ковыряться. И, есть подозрения, что нужно комплексно переделывать, чтобы сделать то, что Вы хотите. Но это лишь мой опыт. Может кто-то другой ответит.

[Вадим]

Иван Симонов, Потому что слайдер с помощью transform: translate3d создаёт новый контекст наложения.

[Froggyweb]

по любому текст нужно дублировать, а затем заниматься творчеством с показом скрытием нужных частей.