CSS是前端開發中最為基礎的技能之一，通過CSS可以實現頁面的美化和布局。其中透明度也是CSS中常用的技巧之一，可以使頁面元素更具有層次感。然而，在不同的瀏覽器中對透明度的兼容存在巨大的差異。

/* 不透明度兼容寫法 */
opacity: 0.5;                    /*標準寫法*/
-ms-filter: "alpha(opacity=50)"; /*IE8及以下*/
filter: alpha(opacity=50);       /*IE9及以上*/
/* RGBA兼容寫法 */
background: rgba(0, 0, 0, 0.5);  /*標準寫法*/
background: transparent\9;      /*IE8及以下*/
background: rgba(0, 0, 0, 0.5);  /*IE9及以上*/

首先，我們可以通過opacity屬性來設置元素的透明度。opacity的值范圍為0~1，0表示完全透明，1表示完全不透明。針對IE瀏覽器8及以下版本使用-ms-filter和filter屬性來設置opacity的值，其中filter屬性的值需要加上alpha前綴。而對于IE瀏覽器9及以上版本則直接使用opacity即可。

此外，我們還可以使用RGBA顏色模式來設置透明度。RGBA是一種紅、綠、藍和透明度（Alpha通道）四個參數合并的新顏色模式，它的透明度值范圍也是0~1，0表示完全透明，1表示完全不透明。我們可以在background屬性中使用RGBA來設置元素的透明度。同樣的，在IE瀏覽器8及以下版本中需要使用transparent來替代RGBA顏色，而在IE瀏覽器9及以上版本則可以直接使用RGBA。