Почему при использовании псевдоэелемента z-index: 1 находится над z-index: 100?

Question

[leni_m]

Answer 1

[keeplod]

Псевдоэлементы рассматриваются как потомки их ассоциированного элемента. Чтобы поместить псевдоэлемент ниже своего родителя, вы должны создать новый контекст стекирования, чтобы изменить порядок укладки по умолчанию.
Позиционирование псевдоэлемента (абсолютное) и присвоение значения z-index, отличного от "auto", создает новый контекст стекирования.

Comments

[leni_m]

дело в том что z-index: -1 поднимает над собой контент, для чего мне и понадобилось сделать его >= 1, и из за этого задать этот вопрос.

[keeplod]

Qlink, +)

Answer 2

[iBird Rose]

https://stackoverflow.com/a/10822168/10079855

в общем ставь для after z-index: -1

Comments

[leni_m]

дело в том что z-index: -1 поднимает над собой контент, для чего мне и понадобилось сделать его >= 1, и из за этого задать этот вопрос.

[iBird Rose]

leni_m, тогда ниже ответили. без создания нового элемента никак

Answer 3

[Alex]

Потому что z-index дочерних элементов всегда выше родителя.

Comments

[keeplod]

Это ваш ответ?)

Answer 4

[Владислав Лысков]

потому что псевдоэлемент находится внутри блока, а не снаружи, поэтому по факту у тебя для обоих элементов задан z-index:100
https://jsfiddle.net/zxybgL5a/1/

Comments

[keeplod]

Ну такое...