2. RGBA和透明度
RGBA 讓你可以不僅僅設(shè)定色彩，還能設(shè)定元素的透明度。一些瀏覽器尚不支持它，所以最好在RGBa前面設(shè)定其它瀏覽器支持的沒有透明的顏色屬性。
Tim Van Damme在鏈接的hover效果上使用了RGBA
在這個(gè)網(wǎng)站上，Tim Van Damme在鼠標(biāo)懸停效果上使用了RGBa；例如，在他的首頁的network鏈接上:
#networks li a:hover,
#networks li a:focus {
background: rgba(164, 173, 183, .15);
}
當(dāng)設(shè)定一個(gè)RGBA 色彩的時(shí)候，我們必須依次設(shè)定紅、藍(lán)、和綠色的值，可以是0-255或百分?jǐn)?shù)。透明值應(yīng)該在0.0到1.0之間，例如0.5 代表50% 的透明度。
RGBA 和opacity 之間的不同是前者只會(huì)應(yīng)用到指定的元素上，而后者會(huì)影響我們指定的元素及其子元素。
這里有個(gè)例子展示我們?nèi)绾谓o一個(gè)div添加80% 透明: div { opacity: 0.8; } 瀏覽器支持: RGBA 被Webkit內(nèi)核瀏覽器支持。IE所有版本都不支持。Firefox 2也不支持，但是Firefox 3 和Opera 9.5均支持。Opacity 被Opera、Webkit核心 和Gecko核心的瀏覽器支持。IE所有版本同樣不支持。IE只支持自家的該死的濾鏡（filter）
擴(kuò)展閱讀：
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 選擇器 下一頁 多欄布局
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 2 頁 RGBA和透明度
