Вы можете использовать свойство position
и z-index
для наложения одного блока на другой. Например:
HTML:
<div class="block1"></div>
<div class="block2"></div>
CSS:
.block1 {
position: relative;
z-index: 1;
}
.block2 {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
Здесь блок с классом .block1
имеет position: relative
и z-index: 1
, а блок с классом .block2
имеет position: absolute
, top: 0
, left: 0
и z-index: 2
. Это означает, что блок2 будет находиться над блоком1.