0

Как расположить div поверх других блоков div? Чтобы было как на рисунке. Тот div, который нужен поверх других, выделен синим цветом (остальные - белые). введите сюда описание изображения

2 ответа 2

5

Используйте позиционирование CSS. В данном случае надо второму белому блоку задать свойство position: relative;, а синему блоку задать position: absolute;, чтобы он позиционировался относительно второго белого блока. Не забудьте указать top: 0; и left: 0;. Подробнее можно почитать здесь или здесь

0

используйте свойства position: absolute; и z-index: 100 (например 100, просто чтобы быть выше остальных) для позиционирования требуемого блока

.block {
  width: 100px;
  height: 25px;
  
  margin-bottom:  10px;
  
  border: 1px solid black;
  background: white;
}

.super {
  position: absolute;
  z-index:  100;
  top:      45px;
  
  width:    50px;
  height:   75px;
  
  background: rgba(0, 0, 255, 0.5);
}
<div class = 'block'></div>
<div class = 'block'></div>
<div class = 'block'></div>
<div class = 'super'></div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.