CSS是一種用來設計網頁的樣式表語言，它為網頁添加漂亮的視覺效果，使網頁更加美觀。在CSS中，背景圖像是網頁設計中的一個重要元素。在一些情況下，我們需要讓背景不滾動，這種效果可以通過CSS來實現。

首先，我們要了解一下CSS中的background-attachment屬性。若該屬性的值為scroll，則背景圖像會跟隨頁面滾動而滾動；若該屬性的值為fixed，則背景圖像會固定在頁面上，隨著頁面的滾動而沒有任何變化。

要實現背景不滾動的效果，我們需要在CSS中將background-attachment屬性設置為fixed。這樣，背景圖像會固定在頁面上，無論你怎樣滾動頁面，它都不會發生變化。以下是代碼示例：

body {
background-image: url("bg.png");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
}

在這段CSS代碼中，background-image屬性用于指定背景圖像的路徑，background-repeat屬性用于指定背景重復的方式，background-position屬性用于指定背景圖像的位置，background-attachment屬性用于指定背景圖像是否固定。當將background-attachment屬性設置為fixed時，背景圖像就會固定在頁面上，不再隨著頁面的滾動而滾動。

綜上所述，使用CSS可以很方便地實現背景不滾動的效果。只需要將background-attachment屬性設置為fixed即可實現。這種效果可以使網頁更加精美，同時提升用戶的瀏覽體驗。