Как расположить div поверх других блоков div? Чтобы было как на рисунке. Тот div, который нужен поверх других, выделен синим цветом (остальные - белые).
2 ответа
используйте свойства 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>