在網頁開發中，經常會使用CSS為頁面添加背景圖片來美化頁面。但是有時候會遇到以下情況：背景圖片顯示不滿屏，留下了一片空白區域，影響了頁面的美觀度。這篇文章將介紹一些方法來處理這個問題。

body {
background-image:url('bg-img.jpg');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

上面是常用的背景圖片CSS樣式。其中，background-size:cover;屬性是用來保證背景圖片可以完整覆蓋屏幕的。但是有時候，該屬性不起作用，仍然會出現背景圖片顯示不滿屏的情況。

解決方法一：

html, body {
height:100%;
}
body {
background-image:url('bg-img.jpg');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

這個方法是設置html和body的高度為100%。因為默認情況下，body的高度是根據內容撐開的。如果沒有設置html的高度，body的高度設置為100%是無效的。設置html的高度后，就可以使body的高度為整個屏幕的高度了，從而可以讓背景圖片完整覆蓋整個屏幕。

解決方法二：

body {
background-image:url('bg-img.jpg');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
min-height:100vh;
}

這個方法是使用min-height:100vh;屬性來設置body的最小高度為100視口高度，即整個屏幕的高度。這樣就可以讓背景圖片完整覆蓋整個屏幕了。

綜上所述，以上兩種方法可以解決背景圖片在頁面上顯示不滿屏的問題。根據具體情況選擇合適的方法，可以讓頁面更加美觀。