CSS3是一種增強(qiáng)的樣式語言，可讓網(wǎng)頁設(shè)計(jì)更加美觀和交互。其中透明度屬性是一個(gè)非常實(shí)用的功能， 可以讓網(wǎng)頁元素在不影響其他內(nèi)容下，顯示不同的透明度。不過，透明度在不同的瀏覽器之間存在著兼容性問題。

. my-opacity {
opacity : 0. 5;
filter: alpha(opacity=50);
}

在CSS3中，透明度屬性使用opacity來定義。0表示完全透明，1表示完全不透明。然而，早期版本的IE瀏覽器并不支持opacity屬性，而是使用IE濾鏡，通過設(shè)置alpha值來實(shí)現(xiàn)透明度效果。

為了解決不同瀏覽器之間的兼容性問題，可以通過創(chuàng)建一個(gè)兼容性樣式類，按照以下代碼進(jìn)行設(shè)置：

. my-opacity {
opacity : 0. 5;
filter: alpha(opacity=50);
}
/* 兼容性代碼 */
. my-opacity {
- ms - filter: "progid : DXI m ageTransform . Microsoft . Alpha(Opacity=50)";
}
. my-opacity {
- khtml - opacity: 0. 5;
}
. my-opacity {
- moz - opacity: 0. 5;
}
. my-opacity {
- op acity: 0. 5;
}
. my-opacity {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50) ;
}

該樣式類可在不同瀏覽器之間實(shí)現(xiàn)透明度的兼容效果，確保頁面在不同的瀏覽器下具有良好的顯示效果。而在實(shí)際編寫中，應(yīng)該按照具體瀏覽器的支持情況進(jìn)行優(yōu)先級設(shè)置。