Как сделать,чтобы подложка не перекрывала элементы,кроме фона?

Question

[lololoshka2010]

как сделать,чтобы подложка не перекрывала элементы,кроме фона?
код:u952367c.beget.tech

Comments

[MrColdCoffee]

.container добавить position:relative;

Answer 1

[Ankhena]

У вас два пути:

1. Повысить z-index контенту или просто задать ему position relative (это уже изменит контекст наложения)

2. Но есть более разумный вариант: избавится вовсе от псевдоэлемента и его абсолюта.
А черный полупрозрачный включить в фон всего футера в виде градиента.

background: linear-gradient(rgba(0,0,0, 0.8), rgba(0,0,0, 0.8)), url(../images/services-bg.png) no-repeat  top center/ cover;