Как поставить 2 фоновых изображения вместе?

Question

[Даня Дубрин]

Верстаю макет, в котором 2 изображения наложены друг на друга.
1-ое изображение:
2-ое изображение:

Ну и все вместе они образуют:

И какой код нужно написать, что бы расположить эти 2 изображения вместе?

Answer 1

[Ankhena]

Множественные фоны пишутся через запятую.
Первый верхний, последний нижний.
У вас верхний это линейный градиент, нижний картинка.

Comments

[Даня Дубрин]

Спасибо большое (:

Answer 2

[Natebash]

Это не изображение, это больше похоже на overlay с градиентом(нужно посмотреть в фигме). Если всё таки overlay, то - выравниваете абсолютом и задаете z-index для overlay, а потом еще z-index для текста. В итоге у вас получается многослойный блок.

Comments

[Вадим]

а зачем человеку лишний блок с абсолютом, если множественный бэкграунд поддерживает градиент?

[Natebash]

Вадим, Кстати да, спасибо что подметили. Забыл что можно так :)