Question

利用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反正不行..

Answer 1

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

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

   
   

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

   
   

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

追问

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

Answer 2

试试a和b加 position:relative