美文网首页css3
【解决】父元素opacity会覆盖子元素

【解决】父元素opacity会覆盖子元素

作者: 泽赫 | 来源:发表于2019-03-14 15:48 被阅读0次

子元素继承父元素的透明度(opacity)的情况,下面贴出解决方法:
问题重现:
.opacity{background: #000;opacity:0.7}
这种写法就算给子元素opacity_child重新赋值opacity:1;他也同样会继承父元素opacity的值。
正确写法:
.opacity{background: rgba(0,0,0,.7);}

相关文章

网友评论

    本文标题:【解决】父元素opacity会覆盖子元素

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