Как исправить конфликт :after и z-index?

Question

[nosazus]

Элемент after (текст) элемента-1 отображается поверх другого элемента-2, даже если я поставлю z-index элемента-2 999. При этом, сам элемент-1 отображается корректно, вылазить только содержание after. Как это исправить?

АПД У элемента-2 position: fixed; z-index на нем работает КОРРЕКТНО.

Answer 1

[Bastax13]

Почитайте

Comments

[nosazus]

Ни о чем мне эта статья не говорит. У элемента-2 position: fixed;, z-index к нему применяется. Тем не енее, афтер вылазит!

[nosazus]

Все, больше ссылок умных нет?

Answer 2

[Максим Тимофеев]

позиционирование какое? Ибо z-index работает только для absolute и fixed

Comments

[romanu418]

and relative

[nosazus]

У какого элемента вы спрашиваете позиционирование?

[nosazus]

У элемента-2 position: fixed; Это оверлей меню на весь экран. Его перекрывает этот чертво after.

[nosazus]

Все, больше идей нет?

[Максим Тимофеев]

nosazus: будет код, будут идеи. Нет тут предсказателей

[nosazus]

Код для 2-х элементов и 4-х свойств ЦСС, Серьезно?))

[Максим Тимофеев]

nosazus: абсолютно серьезно, при чем желательно оформить, как это принято: на https://jsfiddle.net или codepen.io