CSS----rgba()函数和opacity的区别

在CSS里，我所知道的修改透明度有两个方法。

什么是rbga？

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

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

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

支持版本：CSS3。

而opacity属性使用方法为:opacity:0~1；

俩者之间最大的区别在于：如果在元素中用opacity，则内部子元素的透明度也会随之改变，解决方法之一是可以将内部子元素给!important（IE6以下!important不会被识别）

如果使用rgba，则内部子元素样式不会被改变。