在網頁開發中，我們經常需要在頁面中添加圖片，而在使用 CSS 來樣式化圖片時，可能會遇到一些兼容性問題。 第一種問題是實現響應式圖片時，我們會使用 max-width 屬性將圖片的寬度限制在父元素的寬度范圍內。但是在某些瀏覽器上，這個屬性可能不支持，導致圖片不能正確地縮放。此時，可以使用 CSS3 的 resize 屬性或者 js 庫進行圖片自適應。

img {
max-width: 100%;
height: auto;
resize: both;
}

第二種問題是 PNG 圖片在 IE6 上的顯示問題。由于 IE6 不支持 PNG 圖片的 alpha 透明度，所以在 IE6 上的 PNG 圖片背景會變成灰色。解決方法是使用 IE6 的特殊樣式 filter 來處理：

img {
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='example.png');
}

第三種問題是在 retina 屏幕上圖片的顯示效果。由于 retina 屏幕的像素密度比普通屏幕高，所以需要為 retina 屏幕提供高清圖片。解決方法是使用 CSS3 中的 media query 和 background-size 屬性：

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.example {
background-image: url(example@2x.png);
background-size: cover;
}
}

總之，在處理 CSS 圖片兼容顯示問題時，需要考慮瀏覽器兼容性和設備適配性，并使用合適的 CSS 屬性和 hack 方法。