關於opacity或RGBA設定顏色值

標籤：style   blog   http   color   2014   div   代碼   log   

opacity聲明來設定元素的透明值（改透明度的值介於0-1之間的小數, 0.5表示50%透明）。

opacity的特點是：當opacity設定元素的透明值，內部的文字及元素也會透明

.demo{    background-color:red;    filter:alpha(opacity=30);    opacity:0.3;}

 註：這段代碼class為demo的標籤元素的透明值為30%，裡面的文字透明值也會變成30%

 

RGBA也是用來設定顏色的。

　　R:紅色值  正整數 | 百分數

　　G:綠色值  正整數 | 百分數

　　B:藍色值  正整數 | 百分數　

　　A:透明度 （取值0-1之間）

通過RGBA設定的顏色值只針對當前元素，內部的文字及元素的透明值並未發生變化

.demo{    background-color:rgba(255,0,0,0.3)}

 

RGBA設定顏色值 瀏覽器支援性：