美文网首页
父元素设置透明度,子元素受影响的解决办法

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

作者: 黑人的嘿 | 来源:发表于2019-05-24 13:25 被阅读0次

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

解决方法:

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

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

background:rgba(44,62,80,.8);

相关文章

网友评论

      本文标题:父元素设置透明度,子元素受影响的解决办法

      本文链接:https://www.haomeiwen.com/subject/sokkiftx.html