1、rgba 描述

　　rgb：紅r、綠g、藍b

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

　　取值：

　　　　r、g、b值：正整數(shù)（0 ~ 255） | 百分數(shù)（0.0% ~ 100.0%）；（超出范圍的數(shù)值將被截至其最接近的取值極限。并非所有瀏覽器都支持使用百分數(shù)值。）

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

2、rgba 兼容

3、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 */

總結

以上是生活随笔為你收集整理的CSS3 -- 透明色（rgba）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。