Как реализовать такое?

Question

[Rumiour]

Проблема в том, что слои должны быть за основным блоком, а они лезут вперед. Я их задал с помощью before и after. Z-index здесь не помогает. А z-index: -1 вообще уходит за фоновое изображение.

Нужно сделать вот так:


А получается:



Сам сайт пока не получается залить на хостинг. Может кто ранее сталкивался с такой проблемой?

Answer 1

[Андрей Верх]

У основного блока Z-index не должен быть указан, только тогда он будет работать для before/after

Answer 2

[HamSter]

на быструю руку так можно.

Но все же я советую фоновым изображением делать.