Как сделать полупрозрачный слой над фоновым изображением?

Question

[Дмитрий]

Как сделать полупрозрачный слой над фоновым изображением?
В макете psd есть картинка у фона. На ней сверху полупрозрачный фон. Через opacity меняется также шрифт.
Как можно сделать затемнениечтобы потом не меняя картинку его изменять?

Comments

[Zhainar]

добавить обертку wrapper

Answer 1

[Justin Bieber]

Оберни другим дивом с opacity 0.5; например

или наложи полупрозрачную png, или фильтр webkit

Answer 2

[Сергей Софьичев]

псевдоэлементом сделай

Answer 3

[Алексей]

Псевдокласы ::before и ::after погуглите они вам помогут в этом деле.
Для примера. Перекрыл фоном часть изображения для наглядности.

Answer 4

[Антон]

Используй RGBA.
Opacity не рекомендую использовать.

www.w3schools.com/cssref/tryit.asp?filename=trycss...