Наложение background-color на background-images — возможно?

Question

[Антон]

Добрый день, всем!
Стало интересно, возможно ли как то менять позиционирование бэкграундов в рамках одного блока? Например есть блок div с фоновым изображением, а поверх него наложить полупрозрачный черный цвет (Эффект затемнения).
Как сделать двумя дивами я знаю. Просто интересно, может что-то есть, чего я не знаю.

Вроде такого:
.block {
background-images:url(im.jpg);
background-color:#000000a8;
}

Но пока приходится играть с ::after
https://codepen.io/webwc/full/xMgXrO

Comments

[tolstui]

https://codepen.io/anon/pen/BMpJZp

Answer 1

[Айдар Иванов]

https://html5book.ru/svoystvo-background-blend-mode/ здесь все подробно написано

Comments

[Айдар Иванов]

Свойство background-blend-mode — режим смешивания фоновых слоёв

Answer 2

[Lynn «Кофеман»]

Нельзя. Фоновый цвет всегда самый нижний слой.

Но можно сымитировать положив сверху «картинку» в виде одноцветного градиента

Answer 3

[2cha.headz]

попробуйте background-blend-mode: multiply;