您的位置: 首页 > IT文章 > css opacity影响子元素解决办法

css opacity影响子元素解决办法

分类: IT文章 • 2024-02-22 12:17:48

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

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

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