在css3裡可以使用rgba和hsla兩種色彩模式，都可以用來在設定顏色的同時也可以設定它的透明度。rgba指的是「紅色、綠色、藍色和alpha透明度」（red-green-blue-alpha），而hsla則代表「色調、飽和度、亮度和alpha透明度」（hue-saturation-lightness-alpha）。
在rgba模式裡，前三個引數分別是紅色、綠色和藍色的強度值，取值從0~255或0%-100%。而在hsla模式裡，前三個引數則分別代表色調（0-360）、飽和度（0%-100%）和亮度（0%-100%）。透明度的取值從0（完全透明）到1（完全不透明）
1
2
background-color: hsla(182, 44%, 76%, .5);
background-color: rgba(166, 218, 220, .5);
針對ie的相容：ie8及之前的版本不支援hsla/rgba，但有以下備選方案：
為這些瀏覽器指定hex、rgb或hsl格式的不透明背景
將一小張半透明png平鋪作為背景圖（但會增加一次http請求，而且ie6不支援alpha透明png）
使用gradient（漸變）濾鏡
當然還有乙個工具，輸入值後自動轉化為對應的濾鏡值。
rgba 和opacity的使用
rgba 表示 紅 綠 藍 alpha w3c指在原有的rgb顏色模型之後增加了 alpha 引數，可以讓制定的顏色透明化 rgb 上擴充套件的，其只可以設定顏色，而不能使設定的顏色透明化 例子 rgba 55,146,179,5 rgb值為 55,146,179 5使設定的rgb值為50 透明,1...
rgba 和opacity的使用
rgba 表示 紅 綠 藍 alpha w3c指在原有的rgb顏色模型之後增加了 alpha 引數，可以讓制定的顏色透明化 rgb 上擴充套件的，其只可以設定顏色，而不能使設定的顏色透明化 例子 rgba 55,146,179,5 rgb值為 55,146,179 5使設定的rgb值為50 透明,1...
rgba 和opacity的使用
rgba 表示 紅 綠 藍 alpha w3c指在原有的rgb顏色模型之後增加了 alpha 引數，可以讓制定的顏色透明化 rgb 上擴充套件的，其只可以設定顏色，而不能使設定的顏色透明化 例子 rgba 55,146,179,5 rgb值為 55,146,179 5使設定的rgb值為50 透明,1...