CSS中如何寫透明背景圖？

首先，我們需要了解一下CSS中透明度的表示方式。CSS3中，透明度使用rgba()函數表示。

background-color: rgba(255, 255, 255, 0.5);

其中，rgba()函數中的四個參數分別表示紅色、綠色、藍色和透明度，取值范圍為0~255，透明度取值范圍為0~1。在這個例子中，設置的背景顏色是白色，并且透明度為50%。

接下來，我們需要在背景上設置一個圖片作為背景圖，同時還要設置透明度。

.transparent {
background:url(../images/transparent-bg.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
opacity: 0.5;
filter: alpha(opacity=50);
}

這里我們給背景設置了一個透明png圖片作為背景圖，并將圖片居中、不重復、不滾動。我們使用opacity屬性來設置透明度，同時通過filter屬性來解決IE的透明度問題。

如果你想要更細致地調整透明度，可以使用rgba()函數來設置背景顏色，配合background-image來設置背景圖，如下例所示：

.transparent {
background-image: url(../images/transparent-bg.png);
background-color: rgba(255, 255, 255, 0.5);
}

這個例子是在background-color上使用rgba()函數設置背景顏色，同時使用background-image設置背景圖的。

希望這篇文章對你有所幫助！