css 图片经过 全变图片

CSS代码：
#a{
padding-top:1px;
background:url('0.jpg'); /*根据具体要求载入相关图片*/
width:100px;
height:100px;
}

#b{
display:none;
}

#a:hover #b{
display:block;
width:100px;
height:30px;
opacity:0.8; /*一些浏览器不支持该属性，可通过在background-image中加载透明png图片实现透明*/
background:#ccc; /*颜色可具体设置*/
margin-top:70px; /*这里根据具体情况设置留给#a图片显示的大小*/
text-align:center;
line-height:30px; /*使文字竖直居中*/
}

HTML代码：
<div>
<div id="a">
<div id="b">绝对文字
</div>
</div>