rgba()和opacity的区别

• opacity

一般来说，用opacity比较方便，但是对一个元素使用opacity设置的透明度他所包含的子元素也会继承他的透明度
如：

opacity:0.3

• rgba

针对当前元素设置透明度，子元素不继承

background: rgba(1%, 50%, 100%, 0.3)

 

 注：rgba语法:

R：红色值。正整数 | 百分数

G：绿色值。正整数 | 百分数

B：蓝色值。正整数| 百分数

A：透明度。alpha 参数是介于 0.0（完全透明）与 1.0（完全不透明）的数字。