leni_m
@leni_m
ЧупаКобрус

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

  • Вопрос задан
  • 270 просмотров
Решения вопроса 4
keeplod
@keeplod
Псевдоэлементы рассматриваются как потомки их ассоциированного элемента. Чтобы поместить псевдоэлемент ниже своего родителя, вы должны создать новый контекст стекирования, чтобы изменить порядок укладки по умолчанию.
Позиционирование псевдоэлемента (абсолютное) и присвоение значения z-index, отличного от "auto", создает новый контекст стекирования.
Ответ написан
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
https://stackoverflow.com/a/10822168/10079855

в общем ставь для after z-index: -1
Ответ написан
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
Потому что z-index дочерних элементов всегда выше родителя.
Ответ написан
Vlatqa
@Vlatqa Куратор тега CSS
потому что псевдоэлемент находится внутри блока, а не снаружи, поэтому по факту у тебя для обоих элементов задан z-index:100
https://jsfiddle.net/zxybgL5a/1/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы