在外层DIV设置了CSS代码如下:
opacity:0.8
-moz-opacity:0.8
filter:alpha(opacity=80)
此时,此层里面的层都为透明层,接下来我们如何让里面的层不透明呢?主要有两个方法:
1、如果是要设置颜色层透明,可以用背景色透明rgba来代替opacity,
2、如果是设置图片层透明,就用ps简单处理一下即可。
opacity这个属性指定的透明是包括里面的所有元素的,不可能只有外面透明,里面不透明。
css中经常会遇到设置了父元素的透明度后,会直接影响到子元素的透明度。
例如:
设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.5的透明度。
即使设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基础上设置的,因此子元素的opacity还是0.5。
解决方法:
为父元素设置background: rgba(0,0,0,0.5)时设置透明度,不再加opacity属性。