CSS2.1版本中引入了透明度的概念，讓我們可以在網(wǎng)頁中設(shè)置元素的透明度，實(shí)現(xiàn)更豐富的視覺效果。透明度的取值范圍是0到1之間，0代表完全透明，1代表完全不透明。

/* 使用 opacity 屬性設(shè)置透明度 */
div {
opacity: 0.5;
}
/* 使用 filter 屬性設(shè)置透明度 */
div {
filter: alpha(opacity=50);
}

其中，opacity屬性比filter屬性更為常用。但需要注意的是，透明度是作用于元素本身以及其子元素的。如果要讓子元素不受透明度影響，可以將子元素提升一個(gè)層級，并設(shè)置position屬性為absolute或fixed。

/* 子元素不受透明度影響的實(shí)現(xiàn) */
div {
position: relative;
}
div >span {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

除此之外，透明度還可以用于鼠標(biāo)懸浮、過渡動畫等效果的實(shí)現(xiàn)。在設(shè)計(jì)網(wǎng)頁時(shí)，透明度是一個(gè)非常有用的屬性，幫助我們營造更多元、更鮮活的視覺效果。