在外层DIV设置了CSS代码如下：
opacity:0.8
-moz-opacity:0.8
filter:alpha(opacity=80)
此时，此层里面的层都为透明层，接下来我们如何让里面的层不透明呢？主要有两个方法：
1、如果是要设置颜色层透明，可以用背景色透明rgba来代替opacity，
2、如果是设置图片层透明，就用ps简单处理一下即可。
opacity这个属性指定的透明是包括里面的所有元素的，不可能只有外面透明，里面不透明。
用两个层重叠，一个文字，一个图片，其中一个层设置好position<div style="width:200pxheight:200pxoverflow:hidden">
<div style=" background:#000width:200pxheight:200pxfilter:alpha(opacity=50)-moz-opacity:0.5-khtml-opacity: 0.5opacity: 0.5">
图图图图图</div>
<div style="position: relativemargin-top:-200pxcolor:#FFF">
字</div>
</div>
要点：
overflow:hidden
position: relative
margin-top:-200px
注意各容器的高宽
1、首先新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。
2、然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色（background：#fff）。
3、然后添加一个透明度的代码（opacity:0.6）,保存后预览下效果，背景已经实现透明了，但是文字也透明了。
4、熟悉PS的同学应该都知道，在图层的上方，有个不透明度，把PS中图层不透明度设置为60%，就和网页中的效果一样了，他们是一个数值。
5、把刚才的背景色和不透明度代码删除，换个代码【background-color:rgba(255,255,255,0.6)】。
6、保存后看下效果，已经变成了背景透明，文字不透明啦。
7、其中255,255,255就是PS中的拾色器里的数值啦。
8、0.6同第一种方式是一个含义。
