CSS圖片透明背景代碼是Web頁面設計中常用的技巧之一。通過CSS樣式，我們可以實現在網頁上展示透明背景的圖片。下面我們將介紹如何使用CSS實現圖片透明背景效果。 首先，我們需要用HTML標簽img來插入圖片，如下所示：

這是一個帶透明背景的圖片：

<img src="image.png">

接下來，我們可以使用CSS樣式來設置圖片的透明度。CSS樣式如下：

設置圖片的透明度：

img {
opacity: 0.5;
filter: alpha(opacity=50);
}

以上代碼中，opacity屬性設置圖片的透明度值，在此處我們設置為0.5，表示圖片透明度為50%。同時，為了兼容舊版IE瀏覽器，我們還需要使用filter屬性來設置IE的透明度，這里設置為50。 如果我們需要讓圖片在鼠標移到上面后顯示完全的不透明狀態，可以使用:hover偽類來實現。CSS樣式如下：

鼠標移上去后圖片變成完全不透明狀態：

img:hover {
opacity: 1;
filter: alpha(opacity=100);
}

以上代碼中，我們使用:hover偽類來設置當鼠標移到圖片上時的效果，這里將圖片的opacity和filter值設置為1和100，表示圖片變成完全不透明狀態。 總結起來，以上的CSS圖片透明背景代碼示例中，我們使用opacity屬性設置圖片透明度，使用filter來兼容舊版IE瀏覽器，并使用:hover偽類來實現鼠標懸浮時的效果。通過這些設置，我們可以實現帶透明背景的圖片效果。