圓形圖片在網頁設計中非常常見，它能夠讓頁面變得更加有趣、美觀，并且能夠吸引用戶的注意力。但是，有時候我們在編寫代碼的時候可能會出現一些兼容性問題。下面我們來看一下如何解決圓形圖片的兼容性問題。

/* 第一步，我們首先要定義圖片的形狀為圓形 */
.img{
width: 100px;
height: 100px;
border-radius: 50%;
}
/* 第二步，兼容性處理 */
.img{
width: 100px;
height: 100px;
border-radius: 50%;
/* 瀏覽器廠商前綴 */
-webkit-border-radius: 50%; /* Safari和Chrome */
-moz-border-radius: 50%; /* Firefox */
-ms-border-radius: 50%; /* IE */
-o-border-radius: 50%; /* Opera */
}

以上代碼中，我們首先使用border-radius屬性將圖片的形狀定義為圓形，然后為了解決兼容性問題，添加了瀏覽器廠商前綴，這樣就可以確保圖片在各種瀏覽器中都能夠正確的顯示為圓形了。

總的來說，圓形圖片的兼容性處理方法就是這樣，通過添加瀏覽器廠商前綴來兼容各種瀏覽器，確保圓形圖片在各種設備中都能夠正常顯示。