建站资讯

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

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

今日在建立网站的情况下碰到了子原素承继父原素的全透明度(opacity)的状况,下边贴出来处理方式: 
难题再现: 
.opacity{background: #000;opacity:0.7} 
这类书写即使给子原素opacity_child再次取值opacity:1;他也一样会承继父原素opacity的值。 
恰当书写: 
.opacity{background: rgba(0,0,0,.7);}


收缩