CSS是一種用于網頁樣式設計的語言，其中背景圖片是非常常見的元素之一。然而，背景圖片在網頁中會出現各種各樣的問題，比如圖片不居中、切換之間出現閃爍等，這些問題都會影響到網頁的美觀度和用戶體驗。下面我們就來詳細介紹一下如何讓css背景圖片靠中的方法。

.background {
background: url("image.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

上面的代碼片段是實現背景圖片靠中的關鍵。首先我們給元素設置一個背景圖片，然后將它的位置設置為居中，不要重復顯示，固定不動。接下來我們使用了一些CSS3屬性來自適應屏幕大小及解決在不同瀏覽器下的兼容問題，最終實現了讓背景圖片始終保持居中的效果。

此外，還需要注意一些細節問題，如要保證圖片的橫向和縱向都覆蓋到整個元素，可以使用background-size屬性，將其設置為cover即可。如果圖片過大或過小，可以使用background-position屬性，對圖片進行微調。

綜上所述，靠中是讓css背景圖片居中顯示的最簡便方法，只需幾行代碼，就可以實現美觀和用戶體驗的同時，還可以幫助提高網頁的流行度。