css样式设置图片半透明度，兼容各种浏览器

#right {.......filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}半透明，兼容各种浏览器
你图片上面要加文字的话只有用两个层重叠，一个文字，一个图片，其中一个层设置好position 
<div style="width:200px; height:200px; overflow:hidden;"> 
<div style=" background:#000; width:200px; height:200px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;"> 图图图图图</div> 
<div style="position: relative; margin-top:-200px; color:#FFF;"> 字</div> </div> 要点： overflow:hidden;position: relative; margin-top:-200px; 注意各容器的高宽