CSS透明度是指HTML中元素的不透明度程度。當(dāng)需要一個(gè)元素不完全顯示出來(lái)而是透明顯示時(shí)，可以采用CSS的不透明度屬性。

下面是CSS中實(shí)現(xiàn)透明度的幾個(gè)屬性：

opacity: 0.5;      //不透明度為50%
filter: alpha(opacity=50);  //IE8以下瀏覽器的方式，參數(shù)為0-100

上述屬性可用于元素的class選擇器、id選擇器、偽類選擇器等，具體如下：

1.使用class將透明度應(yīng)用于元素

.transparent{
opacity:0.5;
filter:alpha(opacity=50);
}

2.使用ID將透明度應(yīng)用于元素

#transparent{
opacity:0.5;
filter:alpha(opacity=50);
}

3.使用偽類將透明度應(yīng)用于元素

a:hover{
opacity:0.5;
filter:alpha(opacity=50);
}

需要注意的是，CSS透明度會(huì)將所有子元素也設(shè)置為透明狀態(tài)，因此需要對(duì)子元素進(jìn)行單獨(dú)的設(shè)置。

另外，CSS3中還有rgba顏色屬性設(shè)置透明精細(xì)度更高的顏色。格式如下：

background-color: rgba(0, 0, 0, 0.5);   //紅綠藍(lán)A分別代表顏色值與透明度，0-1之間

CSS透明度是一種很實(shí)用的屬性，可以幫助我們?cè)赪eb開(kāi)發(fā)中實(shí)現(xiàn)更多的效果。掌握了它的用法，就能更好地實(shí)現(xiàn)設(shè)計(jì)效果。