@GaserV

Почему не применяется затемнение к фону?

background: rgba(34, 34, 34, 0.53) url(../images/bg.jpg) center center no-repeat;
  • Вопрос задан
  • 125 просмотров
Решения вопроса 1
@GaserV Автор вопроса
и как убрать какой-то тайный box-shadow при filter: blur(5px)?
Здесь пример, он тоже с тенью. Как убрать его?
codepen.io/aniketpant/pen/DsEve
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@lexchz
Фон с затемнением нужно наложить поверх картинки. Чтобы не создавать дополнительный блок, можно использовать linear-gradient:

background: url(../images/bg.jpg) center center no-repeat, linear-gradient(90deg, rgba(34, 34, 34, 0.53), rgba(34, 34, 34, 0.53));

UPD. Поправка. В этом случае linear-gradient на первом месте должен стоять:

background: linear-gradient(90deg, rgba(34, 34, 34, 0.53), rgba(34, 34, 34, 0.53)), url(../images/bg.jpg) center center no-repeat;
Ответ написан
Комментировать
dom1n1k
@dom1n1k
Если цвет и картинка указаны вместе (в одном фоне), то картинка идет всегда сверху, цвет снизу.
Нужно использовать множественный фон. В данном случае просто поставить после цвета запятую.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы