CSS rgba() 函数
实例
使用 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（完全不透明）的数字 |
