CSS透明度是一個常用的效果，常常用于圖片、文字和背景透明，但不同的瀏覽器有不同的兼容性問題。在這里我們介紹三種不同的CSS透明度兼容寫法。

1. 使用opacity屬性

#myElement {
opacity: 0.7; /* 兼容IE9 */
filter: alpha(opacity=70); /* IE8及之前版本 */
}

2. 使用rgba顏色值

#myElement {
background-color: rgba(255, 255, 255, 0.7); /* 兼容IE9+、Chrome、Firefox、Safari等最新瀏覽器 */
background-color: transparent\9; /* 兼容IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2ffffff', endColorstr='#B2ffffff'); /* 兼容IE6、IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2ffffff', endColorstr='#B2ffffff')"; /* 兼容IE8 */
}

3. 使用rgba顏色值+IE8兼容代碼

#myElement {
background-color: transparent; /* 兼容IE9+、Chrome、Firefox、Safari等最新瀏覽器 */
background-color: rgba(255, 255, 255, 0.7); /* 此代碼非IE8兼容，解決辦法如下 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff)";/*IE8兼容*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2ffffff', endColorstr='#B2ffffff', gradientType=0); /* 兼容IE6、IE7、IE8 */
zoom: 1; /* 兼容IE6、IE7、IE8 */
}

通過使用上述的兼容代碼，我們可以避免在不同瀏覽器中出現(xiàn)的透明度兼容問題。當然，不同的網(wǎng)頁情況不同，您也可以根據(jù)實際情況進行修改。希望本文可以幫助廣大前端開發(fā)人員解決CSS透明度問題。