Для наложения одной картинки на другую на CSS можно использовать свойство background-image
. Например, чтобы наложить картинку на задний фон другой картинки, можно использовать следующий CSS-код:
div {
background-image: url(путь_к_картинке.jpg), url(путь_к_другой_картинке.jpg);
background-position: center center, center center;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
}
Здесь первый параметр свойства background-image
задает картинку, которая будет отображена сверху, а второй параметр — картинку, которая будет видна снизу. background-position
и background-size
указывают, как будут отображаться эти картинки. В примере картинки выровнены по центру и растянуты на всю площадь блока.