opacity和rgba的区别

opacity和rgba都是css中设置透明度的方式。

opacity属性

opacity 属性设置元素的不透明级别。

语法：

opacity: value|inherit;

值	描述
value	value 规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）
inherit	应该从父元素继承 opacity 属性的值。

rbga属性值

rgba() 函数使用红( R)、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。
语法：

rgba(red, green, blue, alpha)

值	描述
red	定义红色值，取值范围为 0 ~ 255，也可以使用百分比 0% ~ 100%。