CSS背景透明度屬性opacity在網頁設計中經常被使用，因為它可以讓網頁看起來更加美觀。但是，不同瀏覽器對該屬性的兼容性并不相同，這就給我們帶來了一定的困擾。

.box {
background: rgba(255, 255, 255, 0.5); /* 支持rgba透明格式 */
opacity: 0.5; /* 不支持rgba時，使用opacity */
filter: alpha(opacity=50); /* 兼容IE瀏覽器 */
}

在代碼中，我們給.box元素設置了半透明的背景顏色，其中opacity屬性可以被大多數主流瀏覽器支持，但IE瀏覽器不支持該屬性，需要使用filter屬性來兼容。同時，為了使代碼更加魯棒，我們還為顏色值設置了rgba格式，這樣在不支持rgba的瀏覽器中可以自動回退到使用opacity屬性。

不過需要注意的是，使用opacity和filter屬性會導致元素內部的所有內容也具有相同的透明度，這可能不是我們想要的效果。因此，在實際使用中，我們應該仔細考慮設計需求，再選擇是否使用背景透明效果。