Почему псевдоэлемент before не находится за основным элементом?

Question

[Alexander3928]

https://codepen.io/Alexxxsander/pen/WNJBWXm

Comments

[Антон Антон]

Как он может быть "за" ним, если он внутри? Он может быть "за" другим содержимым своего родителя.

[Вадим]

Потому что Вы не понимаете основ работы z-index.

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Answer 1

[Михаил]

Такой трюк с установкой `z-index: -1` работает не всегда.
Во-первых, нужно убрать `transofrm` при его использовании создается новый контекст.
Во-вторых, при таком трюке у родителя не должно быть установлено `z-index`
https://codepen.io/Squall88/pen/eYraoxz

Comments

[Alexander3928]

Про transofom не знал. Спасибо