在CSS中，我們可以利用background-image屬性來給元素添加背景圖。但是，有時候我們也需要讓背景圖變成透明的，這樣可以讓文本或其他內容在顯示的時候更加突出。

.bg {
background-image: url('bg.jpg');
opacity: 0.5; /* 這里設置透明度為50% */
}

上面的代碼中，我們給一個類名為bg的元素添加了一個背景圖，而通過opacity屬性設置透明度為0.5，即背景圖會呈現出半透明的狀態。需要注意的是，opacity屬性會作用于元素的全部內容，而不僅僅是背景圖，所以如果我們只想讓背景圖變得透明，可以通過偽元素:before或:after來實現。

.bg {
position: relative;
}
.bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url('bg.jpg');
opacity: 0.5;
z-index: -1; /* 將偽元素置于最底層 */
}

上面的代碼中，我們先將父元素的position屬性設置為relative，以便讓偽元素能夠按照父元素進行定位。然后通過:before偽元素，創建了一個與父元素大小相同的透明背景，最后通過z-index屬性將偽元素置于最底層，以便讓文本和其他內容能夠覆蓋上去。

CSS中設置背景圖的透明度還有其他的方式，比如使用rgba色值或者利用偽元素:after來實現，這里就不一一贅述了。總的來說，背景圖透明度的設定可以為我們的網頁增加更多的創意和設計感，不妨在實際開發中多加嘗試。