在網頁開發中，CSS背景圖片的應用非常廣泛，既可以用來裝飾網頁，也可以用來展示文字信息等。但是，由于每種瀏覽器的內核不同、版本不同、設置不同，導致了CSS背景圖片兼容性的問題。

常見的CSS背景圖片兼容性問題主要有：

1.在IE瀏覽器中，CSS背景圖片會出現重復或偏移的情況；
2.有些瀏覽器對于CSS背景圖片的縮放支持不夠好，導致圖片失真；
3.在一些移動端設備上，由于分辨率和終端尺寸的差異，CSS背景圖片的效果也會出現問題。

為了解決這些問題，我們需要采取一些措施。

第一步，針對在IE瀏覽器中出現的問題，我們可以添加IE專用的CSS樣式代碼，來修正因為IE瀏覽器而導致背景圖片重復或偏移的問題。如下代碼：

//CSS代碼
background-position-x:50%;
background-position-y:50%;
background-repeat:no-repeat\9;//IE專用代碼

第二步，為了避免在背景圖片縮放后產生失真的問題，我們可以選擇使用CSS3提供的背景圖片自適應縮放的屬性，設置背景圖片尺寸自適應瀏覽器窗口的大小。如下代碼：

//CSS代碼
background-size:cover;//將圖片縮放到完全覆蓋容器。
background-size:contain;//在不改變圖片寬高比的前提下縮放圖片，使其能完全顯示在容器中。

第三步，針對移動端設備背景圖片出現問題的情況。我們可以通過媒體查詢判斷使用的設備類型，然后提供不同的圖片資源來適配。如下代碼：

//CSS代碼
@media screen and (max-width:768px){
#div1{
background-image:url("bg_768.jpg");
}   
}
@media screen and (min-width:768px) and (max-width:1024px){
#div1{
background-image:url("bg_1024.jpg");
}   
}

以上幾點，就是針對CSS背景圖片兼容性問題的解決方案。我們可以根據實際情況來選擇對應的方案，以便能夠更好的支持各種瀏覽器，讓網頁設計更加完美。