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

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

解决方法: 

.produce{background: #2c3e50;opacity:0.8} 
这种写法就算给子元素重新赋值opacity:1;他也同样会继承父元素opacity的值。 
正确写法: 
background:rgba(44,62,80,.8);

猜你喜欢

转载自blog.csdn.net/qq_37203608/article/details/80631060