子元素继承父元素透明度问题的解决方法

最近做一个小东西发现父元素的opacity会被它所有的子元素继承,且将其子元素opacity设为1无效。
要解决这个问题有两种方法:

1.不想继承父元素透明度的子元素设置position绝对定位可以脱离文档流。

2.父元素属性:

background:#000000
opacity:.9

改为:

background:rgba(0,0,0,.9);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。