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() 函数使用红绿蓝阿尔法 (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(完全不透明)之间的数字 |