CSS rgba()函数

• 

  定义和用法

  rgba()函数使用Red-green-blue-alpha（RGBA）模型定义颜色。RGBA颜色值是RGB颜色值的扩展，带有alpha通道 - 指定颜色的不透明度。

  特征	说明
  CSS版本	CSS3

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  函数	IE/Edge	Chrome	FireFox	Safari	Opera
  函数名称
  rgba()	9.0	1.0	3.0	3.1	10.0

• 

  CSS语法

  rgba(red, green, blue, alpha)
  

  值	描述
  red	将红色强度定义为0到255之间的整数，或者为0％到100％之间的百分比值
  green	将绿色强度定义为0到255之间的整数，或者为0％到100％之间的百分比值
  blue	将蓝色强度定义为0到255之间的整数，或者定义为0％到100％之间的百分比值
  alpha	将不透明度定义为0.0（完全透明）和1.0（完全不透明）之间的数字

• 

  实例

  使用不透明度（RGBA）定义不同的RGB颜色：

  #p1 {background-color:rgba(255,0,0,0.3);} /* red with opacity*/
  #p2 {background-color:rgba(0,255,0,0.3);} /* green with opacity */
  #p3 {background-color:rgba(0,0,255,0.3);} /* blue with opacity */
  

  尝试一下