解析opacity和rgba的区别

相同点

都能够用来设置透明度

不同点 

opacity

语法：

opacity: value|inherit;

CSS属性，value取值0~1，0表示完全透明；

会被后代继承，会改变文字的变透明

 

rgba(r,g,b,a)

语法：

rgba(red, green, blue, alpha)

CSS属性值，r,g,b,的取值范围为 0 ~ 255，也可以使用百分比 0% ~ 100%，a的取值0~1，0表示完全透明；

不会被后代继承，不会改变文字的透明度

RGBA 即红色、绿色、蓝色、透明度（英语：Red, Green, Blue、Alpha）。

• 红色（R）0 到 255 间的整数，代表颜色中的红色成分。。
• 绿色（G）0 到 255 间的整数，代表颜色中的绿色成分。
• 蓝色（B）0 到 255 间的整数，代表颜色中的蓝色成分。
• 透明度（A）取值 0~1 之间， 代表透明度