CSS中的背景圖片是我們日常開發中非常常見的一個屬性，它能為網頁增添美觀度和信息呈現。但是，有時候我們會發現背景圖片并未完全顯示，留下了讓人困惑的空白。本文就將介紹如何讓CSS背景圖片全部顯示。

body {
background: url('example.png') no-repeat center center;
background-size: cover;
}

如上代碼所示，我們在body元素上使用了background屬性并設置為對應圖片的路徑。但是，要讓它完全顯示，我們必須在該屬性的最后添加background-size: cover;。

該屬性的作用是讓背景圖片完全覆蓋目標元素，同時保持圖片比例不變，以避免拉伸導致變形。如果需要完全鋪滿背景，則可以使用background-size: 100% 100%;實現。

然而，還有一種情況需要注意。有時候我們會發現背景圖片只在部分元素上顯示，而在其他元素上則不顯示或被遮擋。這是因為CSS盒模型（box model）的寬高屬性（width和height）不一定等于元素的視覺寬高。為解決這種問題，我們需要為相關元素添加一些額外的屬性。

html, body, .container {
height: 100%;
}
.container {
background: url('example.png') no-repeat center center;
background-size: cover;
}

如上代碼所示，我們添加了html和body元素以及.container元素的height屬性，將它們都設置為100%，確保它們與視窗高度相等。同時，將背景圖片的background屬性和background-size屬性都應用在.container元素上，以確保該元素及其子元素中的背景圖片全部顯示。

綜上所述，CSS背景圖片全部顯示并不是復雜的設計問題，只需要在元素上添加background-size屬性即可。如果有遮擋問題，則需要證明容器高度并將背景屬性應用在容器元素上。