CSS透明度是控制網(wǎng)頁(yè)中元素透明程度的一個(gè)重要屬性。通過(guò)改變不透明度，可以讓元素變得透明或半透明，從而實(shí)現(xiàn)各種視覺(jué)效果。

/*透明度值的表示方式*/
opacity: 0.5; /*0~1之間的數(shù)值，數(shù)值越小，透明度越高*/
filter: alpha(opacity=50); /*IE8及以下版本中的表示方法，數(shù)值范圍為0~100*/
/*不透明度的表示方式*/
background-color: rgba(255, 0, 0, 1); /*rgba表示法，前三個(gè)參數(shù)是RGB顏色值，第四個(gè)參數(shù)是不透明度，數(shù)值范圍為0~1*/
background-color: hsla(0, 100%, 50%, 1); /*hsla表示法，前三個(gè)參數(shù)是HSL顏色值，第四個(gè)參數(shù)是不透明度，數(shù)值范圍為0~1*/
/*透明度過(guò)渡動(dòng)畫*/
/*定義初始和結(jié)束狀態(tài)*/
.element {
opacity: 0;
transition: opacity 1s ease-in-out;
}
.element.active {
opacity: 1;
}

除了通過(guò)CSS屬性來(lái)控制透明度，也可以使用圖片的透明部分來(lái)達(dá)到相同的效果。當(dāng)圖片中某一部分為透明時(shí)，在網(wǎng)頁(yè)中使用時(shí)這一部分也將透明。