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

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了。