h5+css3鼠标悬浮图片出现标题遮罩效果

实现遮罩的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;}

在线演示        积分下载        6毛下载        砍两刀下载