opacity和rgba的区别

rgba

// 例子：
.box1{
    // 不限于背景颜色，可以是文字颜色，阴影等
     background: rgba(0,0,255,0.4);
}

opacity

//例子
.box2{
     background: rgb(0,0,255);
     opacity:0.4;
}

他们的区别是什么呢?

有opacity属性的所有后代元素都会继承 opacity 属性，而rgba后代元素不会继承不透明属性