父元素设置透明度,子元素受影响的解决办法

2019-05-24  本文已影响0人  黑人的嘿

父元素设置了opacity:0.8,子元素也跟着透明了,后来发现是子元素会继承父元素的opacity。

解决方法:

.produce{background: #2c3e50;opacity:0.8} 

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

background:rgba(44,62,80,.8);
上一篇 下一篇

猜你喜欢

热点阅读