opacity和rgba()的区别详解

在CSS样式中，设置透明度的方式有两种。其一，opacity；其二rgba()。

opacity和rgba()在一定程度上是没什么区别。

但是，如果你只想给背景加上一个透明度，而背景上的字体获取其他元素保持不变的话，那么最好的办法就是用rgba()。因为opacity的透明度会传递给他的子元素，使得子元素也变得透明，看起来很不爽。

一、background：red；opacity：0.6；

二、background:rgba(255,0,0,0.6);