rgba

說明:

RGBA(R,G,B,A)

取值:

R:
紅色值。正整數 | 百分數
G:
綠色值。正整數 | 百分數
B:
藍色值。正整數 | 百分數
A:
Alpha透明度。取值0 - 1之間。

說明:

RGBA記法。
  • 此色彩模式與RGB相同,只是在RGB模式上新增了Alpha透明度。
  • IE6.0-8.0不支援使用 rgba 模式實現透明度,可使用 IE 濾鏡處理,如:

    示例程式碼:

    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000, endColorstr=#88000000);

    #88000000 的前兩位數字控制透明度,取值16進制從00 -> FF(越小越透明),00表示完全透明,FF就是全不透明,後面六位是色值。

    增加知識:

    progid:DXImageTransform.Microsoft.Gradient()濾鏡裡的 startColorstr 參數值是 #AARRGGBB 形式的, 其中的AA是代表不透明度的十六進制,00表示完全透明,FF就是全不透明,化成十進制的範圍就是0~255,剩下的 RRGGBB 就是顏色的十六進制程式碼。

    舉例如:background: rgba(125, 0, 0, .3); 表示的是30%不透明度的紅色背景。把30%的不透明度轉換成十六制呢的方法如下:先計算#AA的的十進制x,x/255 = 3/10,解得x=3*255/10,然後再把x換算成十六進制,約等於4C。

    常用透明度對應16進制關系:

    .0(00) .1(19) .05(0C) .15(26)
    .2(33) .3(4C) .25(3F) .35(59)
    .4(66) .5(7F) .45(72) .55(8C)
    .6(99) .7(B2) .65(A5) .75(BF)
    .8(CC) .9(E5) .85(D8) .95(F2)

    自動轉換:

    請輸入請輸入0-1之間的任意數字:

     

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0-8.0 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
9.0+

示例: