rgba与opacity的异同

相同之处：

都可以实现改变元素的透明度

 

不同之处：

	rgba	opacity
影响范围	自身	自身、后代元素
使用范围	实现背景透明，文字不透明
使用方法	rgba（r,g,b,a）	opacity: value|inherit;

rgba只会改变自身透明度，而opacity除了改变自身透明度外，其所有后代还会继承其透明度，若后代需要改变其透明度，值要小于等于其父元素的值。

rgba（r,g,b,a）

- r为红色值， 正整数 | 百分数

- g为绿色值，正整数 | 百分数

- b为蓝色值，正整数 | 百分数

- a为alpha（透明度），值为0 ~ 1之间的小数， 0.0 （完全透明）到 1.0（完全不透明）

- 上面的正整数为十进制0 ~ 255之间的任意值，百分数为0% ~ 100%之间的任意值

 

opacity: value|inherit

- value：规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。

- inherit: 应该从父元素继承 opacity 属性的值。