半透明圖片是網頁設計的一個常見效果，可以讓頁面更具有美感和層次感。在CSS中，我們可以使用opacity屬性來實現圖片的半透明效果。

img {
opacity: 0.5; 
}

可以看到，以上代碼將圖片的透明度設置為了0.5，即50%的透明度。并且，我們可以通過給圖片設置position屬性和z-index屬性，來控制圖片的層級關系。

img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0.5; 
}

在以上代碼中，我們將圖片的層級z-index設置為-1，讓其在頁面中處于最底層。這樣可以讓其他元素在上層完全覆蓋圖片。

除了opacity屬性外，我們還可以使用rgba顏色值來實現半透明圖片效果。其中，rgba值中的a表示alpha通道，也就是透明度。

img {
background: rgba(255, 255, 255, 0.5)
}

以上代碼將圖片的背景顏色設置為白色，并且透明度為0.5。這樣就可以達到半透明圖片的效果。

總之，半透明圖片可以讓頁面更有層次感和美感，在實現時需要注意設置透明度和層級關系等。