背景圖片css固定不動(dòng)的方法

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

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

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

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

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