JS和CSS是現代網頁設計中不可或缺的兩種技術。這些技術允許前端工程師在網頁上實現許多復雜的動畫和交互效果，從而使用戶體驗更加優秀和舒適。其中，背景圖片就是一種非常常見的元素，它可以為網頁增添豐富的色彩和視覺效果。

在JS中，我們可以使用Document Object Model (DOM)來實現背景圖片的設置。具體來說，我們可以使用document.body.style.backgroundImage屬性來為body元素設置背景圖片。例如：

document.body.style.backgroundImage = "url('background.jpg')";

這段代碼將會把名為background.jpg的圖片設為網頁的背景。

類似的，在CSS中，我們可以使用background-image屬性來為元素設置背景圖片。例如：

body {
background-image: url('background.jpg');
}

這段代碼也會把名為background.jpg的圖片設為網頁的背景。CSS還提供了更多的選項，讓我們能夠對背景圖片進行進一步的控制，比如background-size和background-repeat等。

需要注意的是，為網頁設置背景圖片可能會影響網站的加載速度。因此，我們應該盡可能地使用壓縮后的圖片，并且避免使用過大或者過多的圖片。同時，我們也可以使用一些預加載技術，比如在頁面加載前預先加載圖片，以減少用戶等待的時間。