中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

2. RGBA和透明度

RGBA 讓你可以不僅僅設(shè)定色彩，還能設(shè)定元素的透明度。一些瀏覽器尚不支持它，所以最好在RGBa前面設(shè)定其它瀏覽器支持的沒有透明的顏色屬性。

Tim Van Damme在鏈接的hover效果上使用了RGBA

在這個網(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è)定一個RGBA 色彩的時候，我們必須依次設(shè)定紅、藍(lán)、和綠色的值，可以是0-255或百分?jǐn)?shù)。透明值應(yīng)該在0.0到1.0之間，例如0.5 代表50% 的透明度。

RGBA 和opacity 之間的不同是前者只會應(yīng)用到指定的元素上，而后者會影響我們指定的元素及其子元素。

這里有個例子展示我們?nèi)绾谓o一個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ò)展閱讀：

• CSS3系列教程:RGBA
• CSS3之旅:RGBa顏色
• RGBa色彩的瀏覽器支持
• CSS Color Module Level 3: W3C Working Draft
• RGBA colors: CSS3.info
• RGBA color space
• Is CSS3 RGBa ready to rock?
• Super-Awesome Buttons with CSS3 and RGBA

出處：藍(lán)色理想
責(zé)任編輯：bluehearts

上一頁 用CSS3將你的設(shè)計帶入下個高度 [3] 下一頁 用CSS3將你的設(shè)計帶入下個高度 [5]

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。