css图片上加层写文字

HTML

以下是代码片段：
<div class="img-desc"> 
    <img src="sample.jpg" alt="" /> 
    <cite>Salone del mobile Milano, April 2008 - Peeta</cite> 
</div>

CSS

以下是代码片段：
.img-desc { 
    position: relative; 
    display: block; 
    height:335px; 
    width: 575px; 
} 
.img-desc cite { 
    background: #111; 
    filter:alpha(opacity=55); 
    opacity:.55; 
    color: #fff; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 555px; 
    padding: 10px; 
    border-top: 1px solid #999; 
}