Как я могу накладывать фоновые изображения друг на друга?

#html #css #background-image

#HTML #css #background-image

Вопрос:

На веб-сайте есть разные разделы, каждый раздел с разным цветом фона. Я хочу поместить нижний край первого фонового изображения поверх верхнего края второго изображения (это веб-сайт с разными фонами для каждого раздела.

/CSS/

 .welcome {
background-image: url("Welcome_Background.svg");
background-repeat: no-repeat;
background-size: cover;
}

.about {
background-image: url("About_Background.svg");
background-repeat: no-repeat;
background-size: cover;
}
  

Это CSS для первых двух разделов.

Как мне это сделать?

Комментарии:

1. Не могли бы вы проверить эту статью

2. Пожалуйста, проверьте эту ссылку: css-tricks.com/stacking-order-of-multiple-backgrounds