CSS3 RGBA顏色
CSS3的RGBA顏色取值詳解:
本章節(jié)將介紹一下RGBA顏色取值的用法,大家一定對它感覺非常面熟,這是因為大家對RGB非常熟悉,只是后面又多加了一個A.
語法結(jié)構(gòu):
RGBA(R,G,B,A)
參數(shù)解析:
R(red):紅色值。正整數(shù) | 百分?jǐn)?shù)。?
G(green):綠色值。正整數(shù) | 百分?jǐn)?shù)。?
B(blue):藍色值。正整數(shù) | 百分?jǐn)?shù)。?
A(Alpha):Alpha透明度,取值0~1之間。
RGBA是在RGB基礎(chǔ)上增加了控制alpha透明度的參數(shù),R、G、B三個參數(shù)的正整數(shù)取值是0-255,百分比取值是0.0% - 100.0%,超出范圍的數(shù)值將被截至其最接近的取值極限,參數(shù)A的取值在0-1之間,需要特別注意的是,并非所有的瀏覽器都支持百分?jǐn)?shù)參數(shù)值。
瀏覽器兼容:
RGBA顏色取值兼容性還算是不錯吧,IE8和IE8以下瀏覽器不支持,其他標(biāo)準(zhǔn)瀏覽器都支持。
代碼實例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ask.php.cn/" /> <title>CSS3教程</title> <style type="text/css"> .first{color:rgba(128,128,128,0.2);} .second{color:rgba(50%,50%,50%,0.3);} .third{color:rgba(160,100,150,0.6);} </style> </head> <body> <div class="first">php中文網(wǎng)歡迎您</div> <div class="second">php中文網(wǎng)歡迎您</div> <div class="third">php中文網(wǎng)歡迎您</div> </body> </html>