Почему не работает z-index?

Question

[Maxymus1996]

Почему before элемент кнопки не размещается сзади нее?
https://jsfiddle.net/4d2afsk3/

Answer 1

[Сергей Горячев]

Потому, что before считается дочерним элементом, а дети не могут быть ниже родителя.
Они берут свой z-index от родителя в приоритете.
https://jsfiddle.net/v5hyn0d1/ еще одна обертка решит проблему, так тень и кнопка будут детьми wrapper'а, поэтому их можно будет перемешивать z-index'ом.

Comments

[Maxymus1996]

Понял, спасибо

[Сергей Горячев]

Maxymus1996, https://jsfiddle.net/v5hyn0d1/ еще одна обертка решит проблему, так тень и кнопка будут детьми wrapper'а, поэтому их можно будет перемешивать z-index'ом.