CSS中设置父元素透明度不影响子元素透明度(个人笔记)

原文：https://blog.csdn.net/kerryqpw/article/details/81055016

css中经常会遇到设置了父元素的透明度后，会直接影响到子元素的透明度。

例如：

设置父元素opacity：0.5，子元素不设置opacity，子元素会受到父元素opacity的影响，也会有0.5的透明度。

即使设置子元素opacity：1，子元素的opacity：1也是在父元素的opacity：0.5的基础上设置的，因此子元素的opacity还是0.5。

解决方法：
为父元素设置background: rgba(0,0,0,0.5)时设置透明度，不再加opacity属性。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容