CSS背景圖覆蓋全頁是一個經(jīng)典的設計技巧，這個技巧可以用來增強網(wǎng)頁的視覺效果和用戶體驗。下面，我們就來詳細了解一下如何使用CSS實現(xiàn)全頁背景圖。

html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: url(../images/bg.jpg) no-repeat center center fixed;
background-size: cover;
}

在上面的代碼中，我們使用了HTML和BODY標簽來設置全頁面背景圖。其中，margin和padding屬性設置為0，這樣可以取消默認邊距和內邊距。

接下來，我們使用background屬性設置背景圖的相關屬性。url參數(shù)指定背景圖的路徑，no-repeat參數(shù)表示不重復背景圖，center center參數(shù)指定背景圖居中顯示，而fixed參數(shù)表示固定背景圖不隨頁面滾動。

最后，我們使用background-size屬性來控制背景圖的大小。cover參數(shù)表示使背景圖充滿整個頁面，同時保持縱橫比例不變。

通過這些設置，我們就可以實現(xiàn)一個簡單的CSS全頁背景圖了。需要注意的是，由于不同的瀏覽器對CSS樣式的解析可能有所不同，我們需要進行一些兼容性處理，以確保背景圖在不同的設備和瀏覽器上都能夠正常顯示。