父元素设置透明度,子元素受影响的解决办法
2019-05-24 本文已影响0人
黑人的嘿
父元素设置了opacity:0.8
,子元素也跟着透明了,后来发现是子元素会继承父元素的opacity。
解决方法:
.produce{background: #2c3e50;opacity:0.8}
这种写法就算给子元素重新赋值opacity:1
;他也同样会继承父元素opacity
的值。
正确写法:
background:rgba(44,62,80,.8);
父元素设置了opacity:0.8
,子元素也跟着透明了,后来发现是子元素会继承父元素的opacity。
.produce{background: #2c3e50;opacity:0.8}
这种写法就算给子元素重新赋值opacity:1
;他也同样会继承父元素opacity
的值。
正确写法:
background:rgba(44,62,80,.8);