RGBa顏色 css3的Alpha通道支援

2022-09-09 02:57:15 字數 1209 閱讀 5750

css3中,rgba 為顏色宣告新增alpha通道。

rgb值被指定使用3個8位無符號整數(0 – 255)並分別代表紅色、藍色、和綠色。增加的乙個alpha通道並不是乙個顏色通道——它只是用來指定除其它三個通道提供的顏色資訊之外的透明度。

<

ul>

<

li class

="hundred"

>100%

li>

<

li class

="eighty"

>80%

li>

<

li class

="sixty"

>60%

li>

<

li class

="forty"

>40%

li>

<

li class

="twenty"

>20%

li>

ul>

css樣式

ulul liul li.hundredul li.eightyul li.sixtyul li.fortyul li.twenty

相容性寫法

div

瀏覽器對」color:rgb」 和」color:rgba」 是分開處理的。 

瀏覽器,版本,作業系統

測試結果

退路firefox 3.0+支援—

firefox 2.0-

不支援純色

webkit -safari 3.x+支援—

webkit -safari 2.0-

不支援–

mobile safari (iphone/ipod touch /ipad)支援—

opera 10.x+支援—

opera 9.x-

不支援純色

ie 5.5 -

不支援無色

ie 6-8

不支援純色

ie 9支援—

google chrome 所有版本支援—

netscape 所有版本

不支援沒有顏色

seamonkey 1.1.x

不支援無色

seamonkey 2.0 +支援—

blackberry storm browser支援–

ie下面的實現:

CSS3顏色 RGBA 漸變色彩

rgb是一種色彩標準,是由紅 r 綠 g 藍 b 的變化以及相互疊加來得到各式各樣的顏色。rgba是在rgb的基礎上增加了控制alpha透明度的引數。語法 color rgba r,g,b,a 以上r g b三個引數,正整數值的取值範圍為 0 255。百分數值的取值範圍為 0.0 100.0 超出範...

CSS3顏色漸變

漸變帶來了色彩巨大的展現。可謂不可不學 是故收集整理,權當乙個小教程吧。一 線性漸變在mozilla下的應用 語法 moz linear gradient 引數 其共有三個引數,第乙個引數表示線性漸變的方向,top是從上到下 left是從左到右,如果定義成lefttop,那就是從左上角到右下角。第二...

css3 顏色的寫法

color name color red rgb color rgb red,green,blue 這三種顏色混合到一起生成各種各樣的顏色 如果3個都是0,則是黑色,取值範圍為0 255 color rgb 255,0,0 rgba alpha,透明度,取值0 1 color rgba red,gr...