Привет! У меня есть такая разметка:
<div id="parent">
<div>
<div id="child"></div>
</div>
</div>
<div id="next-div">
<button>
</button>
</div>
Мне нужно чтобы #parent был под #next-div, а #child в свою очередь был выше всех. Изначально если добавить z-index к #child, то все как нужно. Но у меня у #parent есть transform, поэтому z-index перестает работать и #next-div становится выше всех.
https://jsfiddle.net/djKliter/0Ls2b9jq/19/
(Красный блок - #child должен быть выше синей кнопки в #next-div)
Заранее спасибо!