CSS3 -- 透明色（rgba）

一、rgba 描述

　　rgb：紅r、綠g、藍b

　　rgba：紅r、綠g、藍b、透明度Alpha

　　取值：

　　　　r、g、b值：正整數（0 ~ 255） | 百分數（ 0.0% ~ 100.0%）；（超出範圍的數值將被截至其最接近的取值極限。並不是全部瀏覽器都支持使用百分數值。）

　　　　a透明度值：取值0~1之間；（不可爲負）

二、rgba 兼容

三、rgba 用法

　　rgba：製做透明色（透明背景色、透明邊框色、透明前景色等），

　　opacity：在CSS2中製做背景色一般用到，但用它製做邊框色或前景色的話，則存在問題。

　　在CSS2中 兼容 寫法：

/* IE5 - 7 */
filter: alpha(opacity=80); 
/* IE 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
/* Everyone else */
opacity: 0.8;

　　CSS3中 兼容寫法：

background: rgb(0,0,0); /*The Fallback color,這裏也能夠使用一張圖片來代替*/
background: rgba(0, 0, 0,0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; /*Filter for IE8 */    
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000); /*Filter for older IEs */