在CSS中，背景圖片是可以通過background-image屬性進行設置的。但是有時候我們希望背景圖片能夠保持固定的位置不隨著頁面滾動而移動，這時候我們可以使用background-attachment屬性來實現。下面我們來詳細介紹一下background-attachment屬性的用法。
首先，我們需要理解background-attachment屬性的幾種取值：
- scroll：背景圖片會隨著頁面滾動而移動。
- fixed：背景圖片會固定不動，不隨著頁面滾動而移動。
- local：背景圖片會基于元素的內容區域而移動，當元素的內容區域滾動時，背景圖片也會相應地移動。
- initial：將屬性設置為默認值。
- inherit：繼承父元素的屬性值。
其中，我們需要使用的是fixed取值。我們可以將background-attachment屬性設置為fixed以固定背景圖片的位置，如下所示：

p{
background-image:url('background.jpg');
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
}

在上面的代碼中，我們首先通過background-image屬性設置了背景圖片的URL，然后使用background-repeat屬性來設置背景圖片不重復。接著使用background-position屬性來居中設置背景圖片的位置，最后使用background-attachment屬性設置為fixed以固定背景圖片在頁面中的位置。
當頁面滾動時，我們可以看到背景圖片不會隨著頁面滾動而移動，而是保持在固定的位置。
通過使用background-attachment屬性的fixed取值，我們可以輕松實現在CSS中固定背景圖片的位置，讓網頁設計更加美觀。