实现遮罩的css代码
.homepanylist li a i {
display: block;
position: absolute;
left: 0;
bottom: -24px;
width: 204px;
height: 24px;
background: #474747;
z-index: 5;
opacity: 0.5;
filter: alpha(opacity=50);
transition: bottom 0.2s;
-webkit-transition: bottom 0.2s;
-moz-transition: bottom 0.2s;
-o-transition: bottom 0.2s;
}
.homepanylist li a em {
display: block;
position: absolute;
left: 0;
bottom: -24px;
width: 204px;
height: 24px;
font-style: normal;
line-height: 26px;
color: #fff;
text-align: center;
z-index: 6;
transition: bottom 0.2s;
-webkit-transition: bottom 0.2s;
-moz-transition: bottom 0.2s;
-o-transition: bottom 0.2s;
}
.homepanylist li a:hover i,.homepanylist li a:hover em {
display: block;
bottom: 0;
transition: bottom 0.2s;
-webkit-transition: bottom 0.2s;
-moz-transition: bottom 0.2s;
-o-transition: bottom 0.2s;
}