Как задать несколько фонов (паттернов) для body?

Question

[Genri_Rus]

Как можно при использовании паттернов задать несколько фонов у body друг под другом ?

Допустим с repeat у меня не получается, вот пример: https://codepen.io/Genri_Rus/pen/RwxPvpY

Comments

[Андрей Федоров]

У фоновых картинок прозрачность должна быть.

[Genri_Rus]

Андрей Федоров, спасибо за ответ
Получается эту картинку по ширине нельзя растянуть ?

[Андрей Федоров]

Genri_Rus, можно, но разве у вас в этом проблема?

[Genri_Rus]

Андрей Федоров, у меня именно в этом проблема.
Я не могу понять, как можно растянуть на всю ширину ?

[Андрей Федоров]

Genri_Rus, в таком случае вы очень странно сформулировали вопрос. Ответил.

[Genri_Rus]

Андрей Федоров, спасибо, но проблема с repeat.
Если я выставлю так: background-repeat: repeat, repeat, то первый фон перекроет второй.
Потому как repeat-x растягивает картинку только по горизонтали

[Андрей Федоров]

Genri_Rus, правильно. поэтому в моем ответе background-repeat: repeat-x, repeat

[Genri_Rus]

Андрей Федоров, да, а вот можно как-то растянуть первую картинку ?
Допустим я хочу ее высоту увеличить ?

Или можно это как-то по-другому реализовать ?

[Андрей Федоров]

Genri_Rus, background-size вам должен помочь.

[Genri_Rus]

Андрей Федоров, вот пытаюсь: https://codepen.io/Genri_Rus/pen/qBpOxVP

Получается при увеличении высоты у картинки, почему-то ее масштаб увеличивается

Answer 1

[Андрей Федоров]

https://codepen.io/aliencash/pen/yLpYoMQ?editors=0100