Как одну картинку наложить на другую CSS

Для наложения одной картинки на другую на 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 указывают, как будут отображаться эти картинки. В примере картинки выровнены по центру и растянуты на всю площадь блока.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как одну картинку наложить на другую CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали