Как сделать такой background на картинке?

Question

[SheikhRamil]

как из этого

сделать вот это

Comments

[iBird Rose]

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

Answer 1

[Даниил Чистяков]

Есть много решений здесь, лично я предпочитаю не плодить элементы, а использовать псевдоклассы:

.overlay:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .5);
z-index: 100;
}