Как лучше реализовать этот фон?

Question

[kaidos]

Проблема в том что фон after и before перекрывают нажатие на контент сайта.
Как лучше сделать его?



Мой CSS код:

Comments

[Сергей Сергей]

"нужно поиграть с z-index"

[Максим Морев]

Ещё есть `pointer-events: none`

[kaidos]

z-index 0 максимум что можно дальше просто не показывается картинки, а на z-index 0 такой же результат

[kaidos]

Максим Морев, вооо, помогло.

Answer 1

[Ankhena]

Зачем там псевдоэлементы?
Просто два фона, один прибит к верху body, другой к низу, остальное цвет.

Множественные фоны пишутся через запятую.

На всякий случай, потому что когда-то вам всё таки придется использовать и псевдо.
Во-первых, отрицательный z-index.
Во-вторых, свойство pointer-events.