<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.util{
width: 40px;
margin: 0 auto;
}
.util .util1:hover{
background-image: url(../img/11.png);
}
.util .util1:hover span{
display: block;
padding-top: 90px;
font-size: 14px;
color: grey;
}
.util .util1:hover img{
display: block;
}
.util-item{
width: 30px;
height: 30px;
background-image: url(../img/1.png);
background-size: 100%;
margin: 10px;
}
.util1{
position: relative;
}
.util .util1 img,span{
width: 80px;
position: absolute;
left: -90px;
display: none;
}
</style>
</head>
<body>
<div class="util">
<div class="util1 util-item">
<img src="../img/00.png" />
<span>扫码领取新人百元礼包</span>
</div>
<div class="util2 util-item"></div>
<div class="util3 util-item"></div>
<div class="util4 util-item"></div>
<div class="util5 util-item"></div>
</div>
</body>
</html>
