CSS在設計網頁時有很多實用的功能，其中切割圖片是一個經常使用的技巧。然而，有時候在切割圖片時卻發現圖片不顯示的問題，這時候該怎么辦呢？

首先，我們需要檢查切割的圖片路徑是否正確。在CSS中，我們可以使用background-image屬性來設置圖片的路徑。如果路徑有誤，圖片就無法顯示，這時候我們需要仔細檢查一下路徑是否正確。

.example{
background-image: url('images/example.png'); /*路徑是否正確*/
background-position: -20px -20px; /*設置切割后的位置*/
height: 100px;
width: 100px;
}

如果路徑沒錯而圖片還是無法顯示，那么有可能是圖片過大或過小的問題。在CSS中，當我們將一個圖片切割成多個部分時，每個部分的大小需要設置為整個圖片的大小，否則會出現顯示不全或空白的情況。

.example{
background-image: url('images/example.png');
background-position: -20px -20px;
height: 100px; /*圖片切割部分的高度必須設置為整個圖片的高度*/
width: 100px; /*圖片切割部分的寬度必須設置為整個圖片的寬度*/
}

最后，檢查一下瀏覽器控制臺是否有報錯信息。有時候圖片無法顯示的原因不在CSS中，而是因為圖片路徑或格式有誤。

以上就是關于CSS切割圖片不顯示的解決方法，希望能幫助大家解決這個問題。