子元素继承父元素透明度（opacity）的解决方法

今天在做一个滚动图时遇到了子元素继承父元素的透明度（opacity）的情况。

子元素继承父元素透明度（opacity）的解决方法

给父元素div加上(opacity:0.5)时,发现其子元素p内的文字也变得半透明,这样比较影响用户的体验,所以就尝试单独给子元素p加上一个(opacity:1;)来重新赋值,但是发现并没有用,他也同样会继承父元素opacity的值.

最终解决方法:

    div{background: rgba(0,0,0,.7);}