相同之處：
都可以實現改變元素的透明度
不同之處：
|
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 屬性的值。