CSS rgba() 函数

界说差异的带欠亨明度 RGB 颜涩（RGBA）：

#p1 {background-color:rgba(255,0,0,0.3);} /* 带欠亨明度的红涩 */ #p2 {background-color:rgba(0,255,0,0.3);} /* 带欠亨明度的绿涩 */ #p3 {background-color:rgba(0,0,255,0.3);} /* 带欠亨明度的蓝涩 */

亲身试一试

界说和用法

rgba() 函数运用 Red-green-blue-alpha (RGBA) 模型界说颜涩。

RGBA 颜涩值是 RGB 颜涩值的扩展，它带有可指定颜涩欠亨明度的 alpha 通道。

版原： CSS3  

阅读器撑持

表格中的数字说明了彻底撑持该罪能的首个阅读器版原。

函数
rgba()   1.0   9.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（彻底欠亨明）之间的数字。