1、新建html文档，在body标签中添加一个img标签，这时默认情况下图片是不透明的：
2、在head标签中添加style标签，在style标签中为img标签设置透明度样式，其中三个属性是为了兼容不同浏览器：
3、刷新浏览器中的页面，这时可以发现浏览器中图片的透明度改变了，透明度的范围是0-1，0表示完全透明，1表示不透明：
这有个问题。首先用最单的办法是用CSS3 background-color:rgba(0,0,0,0.5)但这个兼容性你懂的。第二种就是他们说的这样了。这会让里面的文字一起透明。所以。办法是用两个层叠起来。
ie6是不支持opacity这个属性的，如果一定要做透明背景，建议使用GIF格式的图片，把图片做成透明的，然后设为背景。PNG格式的图也能做成透明的，但在IE6中会有点问题，也可以使用JS代码 修正，但最好还是用GIF。
