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(完全不透明)的数字 |