CSS3 RGBA顏色
CSS3的RGBA顏色取值詳解:
本章節(jié)將介紹一下RGBA顏色取值的用法，大家一定對它感覺非常面熟，這是因?yàn)榇蠹覍GB非常熟悉，只是後面又多加了一個(gè)A.
語法結(jié)構(gòu):
RGBA(R,G,B,A)
參數(shù)解析:
R(red )：紅色值。正整數(shù) | 百分?jǐn)?shù)。?
G(green)：綠色值。正整數(shù) | 百分?jǐn)?shù)。?
B(blue)：藍(lán)色值。正整數(shù) | 百分?jǐn)?shù)。?
A(Alpha)：Alpha透明度，取值0~1之間。
RGBA是在RGB基礎(chǔ)上增加了控制alpha透明度的參數(shù)，R、G、B三個(gè)參數(shù)的正整數(shù)取值是0-255，百分比取值是0.0% - 100.0%，超出範(fàn)圍的數(shù)值將被截至其最接近的取值極限，參數(shù)A的取值在0-1之間，需要特別注意的是，並非所有的瀏覽器都支援百分?jǐn)?shù)參數(shù)值。
瀏覽器相容:
RGBA顏色取值相容性還算是不錯(cuò)吧，IE8和IE8以下瀏覽器不支持，其他標(biāo)準(zhǔn)瀏覽器都支援。
程式碼實(shí)例:
<!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> 
