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

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

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

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

除此之外，透明度還可以用于鼠標懸浮、過渡動畫等效果的實現。在設計網頁時，透明度是一個非常有用的屬性，幫助我們營造更多元、更鮮活的視覺效果。