CSS做全屏背景圖片是網頁制作中常見的一種效果，可以讓網頁更加美觀和動態。下面我們來介紹如何使用CSS來實現全屏背景圖片。

body {
background-image: url(bg.jpg); /*背景圖片路徑*/
background-size: cover; /*將背景圖片縮放到與屏幕一樣大*/
background-repeat: no-repeat; /*不重復顯示背景圖片*/
background-position: center center; /*將背景圖片居中顯示*/
margin: 0; /*去除默認外邊距*/
padding: 0; /*去除默認內邊距*/
}

以上代碼是實現全屏背景圖片的最基本的樣式代碼，其中最重要的是background-size屬性，它可以將背景圖片縮放到與屏幕一樣大，從而實現全屏的效果。

如果我們想要讓網頁中的其他元素顯示在背景圖上面，可以使用z-index屬性來調整層疊順序。比如，我們可以將z-index屬性設置成-1，如下所示：

body {
background-image: url(bg.jpg); /*背景圖片路徑*/
background-size: cover; /*將背景圖片縮放到與屏幕一樣大*/
background-repeat: no-repeat; /*不重復顯示背景圖片*/
background-position: center center; /*將背景圖片居中顯示*/
margin: 0; /*去除默認外邊距*/
padding: 0; /*去除默認內邊距*/
z-index: -1; /*將背景圖片的層級降低*/
}

除了上述方法，還有其他的實現全屏背景圖片的方式，比如使用position屬性和偽元素等。但不管使用哪種方法，重要的是要調整好背景圖片的大小和位置，以及控制好其他元素的層級。