CSS如何只改变父元素背景透明度不改变子元素透明度

 

      使用css的opcity属性改变某个元素的透明度,但是其元素下的子元素的透明度也会被改变,即便重定义也没有用


      例如:

     

<div style="opacity:0.4; background-color:#000000;">
<div style="opacity:1.0;">
显示文字
</div>
</div> 


    这样设置:文字元素的透明度也会是0.4。

<div style="background-color:rgba(0,0,0,0.4)">
<div style="opacity:1.0;">
显示文字
</div>
</div> 



  这样设置文字的透明对就不会是0.4了。


本文转载:CSDN博客