1、新建html文档，在body标签中添加一个img标签，这时默认情况下图片是不透明的：
2、在head标签中添加style标签，在style标签中为img标签设置透明度样式，其中三个属性是为了兼容不同浏览器：
3、刷新浏览器中的页面，这时可以发现浏览器中图片的透明度改变了，透明度的范围是0-1，0表示完全透明，1表示不透明：
要想背景透明，但是图片不透明，那就不能把图片放在这个里面，例如：<div id="box"><div id="img"><img src=""></div></div>，这种写法就是当id="box"这个div设置透明后，这个div里面的所有东西都会跟着透明，要想不透明，一种做法就是透明部分用一张半透明的图片背景来做，另外一种就是 div id="box"></div><div id="img"><img src=""></div> 把里面的图片的div放在"box"div外面，不要包裹在box里面在外层DIV设置了CSS代码如下：
opacity: 0.8
-moz-opacity: 0.8
filter: alpha(opacity=80)
此时，此层里面的层都为透明层，接下来我们如何让里面的层不透明呢？主要有两个方法：
1、如果是要设置颜色层透明，可以用背景色透明 rgba来代替opacity，
2、如果是设置图片层透明，就用ps简单处理一下即可。
opacity这个属性指定的透明是包括里面的所有元素的，不可能只有外面透明，里面不透明。
