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