一个元素完全覆盖在另一个元素之上

一、效果图

 

二、实现代码

<style>
.parentDiv{
position:relative;
}
.div1{
position:absolute;
z-index:1;
}
.div2{
position:absolute;
display:none;

z-index:2;
}
</style>
<div class="parentDiv">
<div class="div1">
我在下面
</div>
<div class="div2">
我在上面
</div>
</div>

.parentDiv:hover .div2{
  display: block;
  transition: all 0.5s ease 0.5s;
}