Как наложить цвет на картинку?

Question

[Тимур Юсупов]

Здравствуйте, как наложить на изображение #1f2529 с прозрачностью 60%? html и css

Answer 1

[Aleksey Solovyev]

Создайте блок поверх изображения, которому зададите прозрачность 60% и позицию absolute, чтобы он был поверх картинки
jsfiddle.net/su0vgndx/3

Answer 2

[Александр Суханов]

Или альтернативой - наложить картинку на цвет (данный вариант будет адаптивен):

.block {
background: #1f2529;
display: inline-block;
}
.block img {
opacity: 0.4;
}

<div class="block"><img src="image.jpg" alt="" /></div>

Answer 3

[Алексей Стрекалов]

https://css-tricks.com/almanac/properties/b/backgr...