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（完全不透明）之間的數字。