如何在html图片上方叠加一个半透明颜色层，并在半透明颜色层上叠加文字

li relative定位，span absolute定位+opacity滤镜实现半透明效果，你发html代码的时候用</>这个工具栏按钮格式话一下你的按钮

DEMO

 <style>
li{float:left;position:relative;}
li span.time{position:absolute;left:0px;bottom:0px;height:30px;background:#000;display:block;zoom:1;filter:alpha(opacity=40);opacity:0.4;width:100%;color:#fff;line-height:30px}
</style>
<ul><li>
<div class="img-wrapper">
<img src="0.jpg" alt="" width="110" height="110" border="0" alt="图片..." />
<span class="time">00:00:02 </span>
</div></li></ul>