在 CSS3 中，增加了一個 opacity 屬性，允許開發者設置元素的透明度，現在 opacity 已被主流的現代瀏覽器支持，但 opacity 會把被設置的元素及其子元素同時設置為同一個透明度，這樣的透明規則相當不靈活，在實際開發中往往也是會遇到很多麻煩。其實，在 CSS3 中還有另外一套顏色透明解決方案 —— RGBa 。相對于 opacity ，RGBa 可以在單個元素上設置透明度，而不影響其子元素，只是 RGBa 的瀏覽器支持度并沒有 opacity 的廣泛，因此相對較少引起開發者注意。

RGBA(R,G,B,A)
取值：
R：紅色值。正整數 | 百分數
G：綠色值。正整數 | 百分數
B：藍色值。正整數 | 百分數
A：Alpha透明度。取值0~1之間。
下面是用rgba() 設置50%透明度的白色.

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表