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

Question

[GaserV]

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

Answer 1

[GaserV]

и как убрать какой-то тайный box-shadow при filter: blur(5px)?
Здесь пример, он тоже с тенью. Как убрать его?
codepen.io/aniketpant/pen/DsEve

Comments

[lexchz]

светлая тень по краям фона? скорее всего никак.

[GaserV]

lexchz: да. именно) но как быть тогда)

[trushka]

GaserV: можно эту тень просто "спрятать", в данном случае расширить чуть-чуть блок с фоном: codepen.io/anon/pen/VeKXmV

[GaserV]

trushka: пасиб)

Answer 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;

Answer 3

[dom1n1k]

Если цвет и картинка указаны вместе (в одном фоне), то картинка идет всегда сверху, цвет снизу.
Нужно использовать множественный фон. В данном случае просто поставить после цвета запятую.