CSS圖像不透明是實現網頁美化和布局的一種關鍵技術。通過設置圖像透明度，可以創建不同的視覺效果和用戶體驗，從而提高網站的可用性和吸引力。

img {
 opacity: 0.5;
 filter: alpha(opacity=50); /*兼容舊版本IE瀏覽器*/
}

在上述的代碼中，opacity屬性用于設置圖像的透明度，屬性值0.5表示圖像的透明度為50%，范圍從0到1。該屬性只是改變圖像的外觀，而不影響圖像的大小和位置。在IE瀏覽器中，可以使用filter屬性來實現相同的效果，其中alpha表示透明度的意思，opacity的取值為0-100。

當需要設置圖像元素的背景透明度時，可以使用background-color屬性來設置背景顏色，然后使用rgba()函數來設置顏色值中的alpha通道值。例如：

div {
 background-color: rgba(255, 255, 255, 0.5);
}

在這個例子中，rgba()函數中的第四個參數是顏色的透明度，取值范圍為0到1。這個技巧可以用于設置文本框、導航欄、按鈕等圖像元素的背景透明度。

需要注意的是，圖像元素的透明度會影響到其子元素的透明度，因此如果需要單獨設置子元素的透明度，應該為子元素單獨設置opacity屬性或使用rgba()函數。

在使用CSS圖像不透明技術時，需要綜合考慮視覺效果、用戶體驗和瀏覽器兼容性等因素。正確地設置圖像透明度可以大大提高網站的視覺吸引力和用戶體驗，從而更好地滿足用戶需求。