Почему для работы z-индекс должен иметь отрицательное значение? [Изменить: это все еще работает, даже если z-индекс роди ⇐ CSS

[Anonymous]

Здесь a::after z-index должен быть отрицательным.
Это работает, установив z-index из a::after на отрицательное значение.
Мне нужен эффект

Код: Выделить всё

The working CSS

Код: Выделить всё

HTML

Однако он перестает работать, когда z-index a::after не является отрицательным значением, даже если он все еще меньше тега a. .
Эффект с проблемой

Код: Выделить всё

CSS with problem

Кто-нибудь знает, почему? Спасибо.
Редактировать: после прочтения «Почему элемент со значением z-index не может покрыть своего дочернего элемента?», у меня есть еще один вопрос, хотя он и сказал: «Единственный случай, когда мы можем иметь дочерний элемент ниже своего родителя должен установить отрицательный z-index для дочернего элемента и сохранить родительский элемент с z-index: auto, таким образом, этот элемент не будет создавать контекст наложения и следовать порядку рисования сначала будет нарисован ребенок.", в моем случае это все равно работает, даже если z-индекс родительского элемента (тега) не auto, а равен 1. Почему?

Подробнее здесь: https://stackoverflow.com/questions/792 ... t-it-still