利用css如何让嵌套的div层不继承父div层的透明度?

比如:
<div style="opacity: 0.85">
<div id="1" class="a">
</div>
<div id="2" class="b">
</div>
</div>
这样子出现一个问题12两个div层的透明度最大始终是85%。样式应该怎么改才能让1,2div层的不透明度变为100%呢?直接写opacity:1反正不行..

其他属性直接覆盖就行了,透明很麻烦,覆盖不了:


    用css3的rgba颜色rgba(0,0,0,0.5),最后那个0.5是透明度。缺点是老版本ie不支持rgba。


    用半透明的png背景图做外面div的背景,缺点是ie6下需要另外增加一个js来让png背景半透明


    里面的div1、2移出来不要和最外面div成为父子关系(就不会继承),然后大div依然为opacity: 0.85,再用定位之类的办法把div1、2移动到大div区域上面去。

追问

感谢..我直接用rgba做背景色了

温馨提示:内容为网友见解,仅供参考
第1个回答  2014-08-04
试试a和b加 position:relative
相似回答