Как на странице сделать два фона?

Question

[Evan_Grace]

Всем добрый день, у меня такой вопрос, как сделать два адаптивных фона на одной странице, под разными блоками, что бы оставалсья таким же при уменьшении экрана. 1й серый с черными кляксами по бокам, второй от середины и вниз до футера белый и с цветными кляксами по бокам?

Comments

[Rustam Bainazarov]

Из вашего описания всё так понятно…

Answer 1

[Владимир Мацуев]

background-image позволяет вставить несколько изображении

Answer 2

[Natalia ivanova]

Можно сделать два блока-обёртки верхний и нижний внутри body, каждому задать свой фон.

Comments

[Evan_Grace]

А можно подробнее и с примером, куда и что прописывать?

[Natalia ivanova]

https://codepen.io/Natalia_ai_ivanova/pen/xxbggMJ

добавите сами картинки с кляксами?

[Evan_Grace]

Natalia ivanova, как это проще реализовать? сделать фон background-color, а по бокам примагнитить эти картинки отдельно?
и выпуклость эту тоже не знаю как сделать(

[Evan_Grace]

Natalia ivanova, может фон прописать в body, а нижний фон в wraper?

[Natalia ivanova]

Можно верхний в body, нижний (белой картинкой с выпуклостью) - в обёртку, расставив значения z-index. Боковые картинки прикрепить псевдоэлементами по бокам.

[Evan_Grace]

Natalia ivanova, большое спасибо, буду пробовать.