Html代码:
<div class="scan">
<div class="scanp">
<img src="images/qrcode.png" alt="">
<div class="t"></div>
</div>
<img src="images/scan.png" alt="">
</div>
Css代码:
.scan:hover .scanp{
display: block;
}
.main-right .scanp{
width: 280px;
position: absolute;
left: 0;
top: -190px;
text-align: center;
display: none;
}
效果:当鼠标经过scan元素时显示scanp,scanp的位置不一定非要放在scan的div之下,此处我放在这个位置是为了方便做定位。