Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

Услуги интернет-маркетолога для вашего бизнеса. Анализ рынка, подбор стратегии и команды, увеличение продаж и узнаваемости бренда.

от 29500 

Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!

от 29500 

Настройка и сопровождение рекламного кабинета Яндекс Директ.

от 14000 

Как наложить блок на блок css

Для того, чтобы наложить один блок на другой в CSS, нужно использовать свойство position. Вот пример, как это можно сделать:

HTML:

<div class="outer-block">
  <div class="inner-block"></div>
</div>

CSS:

.outer-block {
  position: relative;
}

.inner-block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  /* Добавим стили для внутреннего блока */
  width: 200px;
  height: 200px;
  background-color: #fff;
  border: 2px solid #000;
}

В данном примере внутренний блок (с классом «inner-block») налагается на внешний блок (с классом «outer-block») с помощью абсолютного позиционирования (по заданным координатам top и left). Для выравнивания внутреннего блока по центру мы используем свойство transform с функцией translate(-50%, -50%). Кроме того, мы задали для внутреннего блока задний план с помощью свойств z-index и background-color.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.