背景透明圖片在網頁設計中經常用來實現某些效果，比如給文字添加背景色而不影響文字本身的透明度。在CSS中，我們可以通過設置 "background" 屬性來實現這一效果。

首先，我們需要準備一張透明度不為1的PNG圖片，比如下面的這張：

接下來，在CSS中設置元素的 "background" 屬性，將背景圖設置為我們剛才準備好的透明度不為1的PNG圖片，并設置背景圖的重復方式為 no-repeat：

.element {
background: url('transparent.png') no-repeat;
}

這樣設置后，該元素的背景將會被設置成這張透明度不為1的PNG圖片。然后，我們可以通過設置該元素的 "background-color" 屬性來為圖片添加背景色，同時保持圖片的透明度：

.element {
background: url('transparent.png') no-repeat;
background-color: #f00;
opacity: 0.5;
}

在上面的代碼中，我們將背景色設置為紅色 (#f00)，同時設置元素的透明度為0.5，從而實現了給文字添加半透明背景色的效果。

總結來說，使用背景透明圖片可以實現一些常見的網頁設計效果，而CSS中的 "background" 屬性和 "background-color" 屬性可以幫助我們實現這樣的效果。