在外层DIV设置了CSS代码如下:
opacity:0.8
-moz-opacity:0.8
filter:alpha(opacity=80)
此时,此层里面的层都为透明层,接下来我们如何让里面的层不透明呢?主要有两个方法:
1、如果是要设置颜色层透明,可以用背景色透明rgba来代替opacity,
2、如果是设置图片层透明,就用ps简单处理一下即可。
opacity这个属性指定的透明是包括里面的所有元素的,不可能只有外面透明,里面不透明。
对于不同的浏览器需要区别对待IE系列浏览器
外层DIV,设置透明,内容元素设置元素定位为相对定位或者绝对定位
如
<div style="filter:alpha(opacity=70)">
<div style="position:relative">text</div>
</div>
非IE浏览器
外层div,不要设置透明,使用background:rgba(120,120,120,0.7)实现效果