首页 > 技术文章 > css opacity影响子元素解决办法

zhangyezi 2020-07-06 16:40 原文

设置父元素opacity:0.3,子元素不设置opacity,子元素也会有0.3的透明度。

设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.3的基础上设置的,因此子元素的opacity还是0.3。

解决方法:为父元素设置background: rgba(0,0,0,0.3)。代替opacity。

推荐阅读