建站资讯

子原素承继父原素全透明度(opacity)的处理方式

作者:admin 发布时间:2020-11-18
子原素承继父原素全透明度(opacity)的处理方式 创作者:Aisencici / / 归类:DIV+CSS / 访问:1149

子原素承继父原素全透明度(opacity)的处理方式


今日在做网页页面的情况下碰到了子原素承继父原素的全透明度(opacity)的状况,下边贴出来处理方式: 
难题再现: 
.opacity{background: #000;opacity:0.7} 

or

filter:alpha(opacity:70);opacity:0.7;

这2种书写即使给子原素opacity_child再次取值opacity:1;他也一样会承继父原素opacity的值。 
恰当书写: 
.opacity{background: rgba(0,0,0,.7);}


收缩