父级如何设置opacity，不影响子级背景颜色

<div class="parent">

        <div class="child"></div>

</div>

<style>

.parent {

        opacity: 0.1;

}

.child{

        opacity: 1;

}

</style>

问题：当parent设置opacity，子级的透明度与父级保持一致，如果仅仅要改变子级的透明度，在child类中设置opacity是不生效的

解决方法：父级透明度设置使用rgba，子级设置透明度不受父级影响

.parent {

        //  opacity: 0.1;

        rgba(255,255,255,0.1)

}