CSS背景圖片怎么固定？

在CSS中，背景圖片可以通過background-image屬性來設置，為了讓背景圖片固定，可以使用background-attachment屬性，將其值設置為fixed，這樣背景圖片就會固定在視口中，不會隨著頁面的滾動而移動。

以下是一個示例代碼：

body {
  background-image: url('path/to/image.jpg');
  background-attachment: fixed;
}

在這個示例中，背景圖片被設置為path/to/image.jpg，并且使用background-attachment: fixed;將其固定，這樣，背景圖片就會始終固定在視口中，直到頁面被重新加載或背景圖片被更改。

需要注意的是，如果頁面具有多個背景圖片，那么只有***后一個背景圖片會被固定，如果需要固定多個背景圖片，可以使用多個CSS規(guī)則來分別設置每個圖片的background-attachment屬性。

如果需要將背景圖片居中顯示，可以使用background-position屬性來設置圖片的位置，將圖片居中垂直顯示可以使用以下代碼：

body {
  background-position: center top;
}

這樣，背景圖片就會始終在視口的中心位置垂直顯示，而不會受到頁面滾動的影響。