背景圖片css固定不動的方法

很多網(wǎng)站都會使用背景圖片來增加頁面的美觀度，但有時候我們希望這個背景圖片不會跟隨用戶的滾動而移動，而是固定不動。以下是一種簡單的方法，通過css屬性來實(shí)現(xiàn)背景圖片固定不動：

body {
background-image: url(background.jpg);
background-repeat: no-repeat; /*防止背景圖重復(fù)*/
background-attachment: fixed; /*固定背景圖片不動*/
background-size: contain; /*將背景圖縮放到屏幕大小*/
	}

上述代碼中，關(guān)鍵屬性是background-attachment: fixed。將其設(shè)置為fixed，就可以讓背景圖片固定不動了。

此外，為了使背景圖片填充整個屏幕而不是只局限于某個區(qū)域，可以添加屬性background-size: contain。這將根據(jù)屏幕大小縮放背景圖片，確保其填充整個屏幕。

總之，讓背景圖片固定不動可以提高頁面的美觀度和用戶體驗，這種方法簡單易行，可以輕松實(shí)現(xiàn)。