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 Edge Firefox Chrome Safari Opera iOS
Safari
Android
Browser
Blackberry
Browser
Opera
Mobile
Chrome
for
Android
Firefox
for
Android
IE
Mobile
UC
Browser
for
Android
Samsung
Internet
QQ
Browser
Baidu
Browser
5.5-8 12+ 2 4+ 3.1+ 9 3.2+ 2.1+ 7+ 10+ 61 56 10+ 11.4 4+ 1.2 7.12
9+ 3+ 9.5-9.6
10.0+

示例: