关于子元素继承父元素透明度(opacity)的解决方法

今天在做移动端的时候遇到了子元素继承父元素的透明度(opacity)的情况,下面贴出解决方法: 问题重现:

.opacity{background: #000;opacity:0.7}

这种写法就算给子元素opacity_child重新赋值opacity:1;他也同样会继承父元素opacity的值。 正确写法:

.opacity{background: rgba(0,0,0,0.7);}