在 CSS 中，如何固定背景圖片呢？我們可以通過設置 background-attachment 屬性來實現。 有三種 possible 的值可以給 background-attachment 屬性，分別是： - scroll：背景圖片隨著元素一起滾動。 - fixed：背景圖片固定在視口，即使元素滾動也不會改變。 - local：背景圖片隨著元素內部的滾動滾動，不隨整個頁面的滾動滾動。 以下是示例代碼，它可以讓背景圖片在元素滾動時保持固定： ``` p { background-image: url('your-background-image.jpg'); background-repeat: no-repeat; background-attachment: fixed; } ``` 當你在瀏覽器中滾動時，文本內容會滾動，但背景圖片會保持不變。 如果你使用 local 選項，你需要在你想要固定的元素上設置 overflow 屬性為 auto 或 scroll。 ``` p { background-image: url('your-background-image.jpg'); background-repeat: no-repeat; background-attachment: local; overflow: auto; } ``` 這樣，當你在元素中滾動時，背景圖片會隨著你的滾動而滾動。 記住，background-attachment 屬性需要有一個有效的 background-image 屬性才能生效。