rgba的應用

　　css3帶來了許多新的特性，這裏來看一個新的特性，rgba

　　rgba的含義，r表明red，g表明green，b表明blue，紅綠藍是三原色。全部顏色均可以由這三種顏色拼合而成。a表明透明度。好比rgba（255，255，255，0.1）就是透明度爲0.1的白色。對r，g，b設置不一樣的值，能夠產生不一樣的顏色。

　　相比與傳統的opacity的方法的優點。opacity方法，對父元素使用調整透明度是，子元素的透明度也會改變，對於一些彈出層來講，很不方便。例如：

　　結果如圖：

　　這樣會使裏面的字體透明度下降，rgba就很好的解決了這個問題，對li的background屬性設置rgba，子元素字體不會受到影響，以下：

　　結果如圖：

　　以上代碼使用了：　　

filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#C8FFFF00,endcolorstr=#C8FFFF00);

　來解決ie8的兼容性問題。

前兩個字符表明了透明度，後面6位對應了rgb(255,255,0)的3位數字，將其轉換爲十六進制，例如以上轉換爲#C8FFFF00;

透明度的轉換參考下表：

rgba透明值	filter前兩位
0.1	19
0.2	33
0.3	4C
0.4	66
0.5	7F
0.6	99
0.7	82
0.8	C8
0.9	E5