css设置opacity属性影响了子级标签的解决方法

今天写遮罩层的时候发现css设置opacity属性影响了子级标签，后台寻找了挺多办法，最后我采用了一种比较简单的解决方式，就使用rgba替代opacity，

原本父级是
background-color:#000000;
opacity:0.6
后来父级修改为
background: rgba(0, 0, 0, .6);
这样就不会导致子组件受到影响