支付宝扫码
领取余额宝体验金

轻云博客 > DIV+CSS > 关于子元素继承父元素透明度(opacity)的解决方法

关于子元素继承父元素透明度(opacity)的解决方法

作者:Aisencici / 日期:2018-3-22 17:18:00 / 分类:DIV+CSS / 浏览:512

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

本文标签:
From:
分享到: