rgba和opacity区别

首先来看rgba:

R：红色值。正整数 | 百分数
G：绿色值。正整数 | 百分数
B：蓝色值。正整数 | 百分数
A：Alpha透明度。取值0~1之间。

 

再看opacity:

后面的取值为从 0.0 （完全透明）到 1.0（完全不透明）。

 

两者的区别：opacity会继承父元素的 opacity 属性，而RGBA设置的元素的后代元素不会继承不透明属性。