RGB色彩模式(也翻譯爲「紅綠藍」,比較少用)是工業界的一種顏色標準,是經過對紅(R)、綠(G)、藍(B)三個顏色通道的變化以及它們相互之間的疊加來獲得各式各樣的顏色的,RGB便是表明紅、綠、藍三個通道的顏色,這個標準幾乎包括了人類視力所能感知的全部顏色,是目前運用最廣的顏色系統之一。
RGBA在RGB的基礎上多了控制alpha透明度的參數。以上R、G、B三個參數,正整數值的取值範圍爲:0 – 255。百分數值的取值範圍爲:0.0% – 100.0%。超出範圍的數值將被截至其最接近的取值極限。並不是全部瀏覽器都支持使用百分數值。A參數,取值在0~1之間,不可爲負值
RGBA語法: 瀏覽器
div { background: rgba(0, 0, 0, 0.5); }
1、CSSPIE
CSSPIE能夠讓color、background、 box-shadow支持RGBA
示例: spa
div{ color:rgba(0,0,0,.5); background:rgba(0,0,0,.5); -pie-background:rgba(0,0,0,.5);/*IE6-8*/ box-shadow: 1px 1px rgba(0,0,0,.5);/*僅在未設置模糊值的狀況下支持rgba*/ }
2、filter
經過IE濾鏡讓背景色透明,模擬rgba效果
示例: 翻譯
.filter{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000 ,endColorstr=#BF000000); }
咱們須要留意的是StartColorStr和EndColorStr的值,前兩位是十六進制的透明度,後面六位是十六進制的顏色。
換算方法:x=alpha*255 將計算的結果x轉換成十六進制便可code