css中经常会遇到设置了父元素的透明度,后会直接影响到子元素的透明度;
例如:
设置父元素opacity:0.08
,子元素不设置opacity
,子元素会受到父元素opacity
的影响,也会有0.08
的透明度。
即使设置子元素opacity:1
,子元素的opacity:1
也是在父元素的opacity:0.08
的基础上设置的,因此子元素的opacity
还是0.08
。
即使背景图 直接用 img
引入效果是一样的;
解决方法:为父元素设置background: rgba(251,115,138, 0.08)