RGBA是一種可以設定顏色值和透明度的CSS顏色
下面是用rgba() 設定50%透明度的白色.
p {
color: rgba(255, 255, 255, 0.5);
}
RGBA是RGB色彩模型的一個擴充。這個縮寫代表紅綠藍三原色的首字母,Alpha值代表顏色的透明度/不透明度。
RGBA文法
RGBA色彩表示法的格式為:
rgba(red, green, blue, alpha)
前三個值(紅綠藍)的範圍為0到255之間的整數或0%到100%之間的百分數。這些值描述了紅綠藍三原色在預期色彩中的量。
如果你想設定純紅色,那麼把red參數設定滿,也就是255,綠,藍色設定0即可。
background-color: rgba(255, 0, 0, 1);
結果:
也可使用百分比:
background-color: rgba(100%, 0%, 0%, 1);
結果:
第四個值, alpha, 制定了色彩的透明度/不透明度,它的範圍為0.0到1.0之間
下面的例子是設定50%透明度的黃色:
color: rgba(255, 242, 0, 0.5);
css半透明相容於火狐、ie,chrome,現在瀏覽器版本都比較高。大家可以放心使用到專案中。