关于父元素的opacity属性影响子元素opacity属性的显示问题

这里主要解决的是子元素不需要透明度但是父元素需要透明度，但是子元素继承了父元素的透明度导致的子元素透明度失效的问题。

1.问题描述

期望效果

页面效果 

2.解决方案

这里尝试了很多方法，包括但不限于创建伪类，给子元素添加!important优先级，但无一例外，都不生效，最后也是通过rgba解决了

 

3.解决效果