CSS背景圖片如何固定不動(dòng)

在CSS中，如果您想使背景圖片固定不動(dòng)，不隨著頁(yè)面的滑動(dòng)而移動(dòng)，您可以使用background-attachment屬性來(lái)實(shí)現(xiàn)，以下是一些示例代碼，展示了如何使背景圖片固定不動(dòng)：

1、使用background-attachment: fixed;屬性：

body {
    background-image: url('your-image-url');
    background-attachment: fixed;
}

2、使用position: fixed;屬性：

body {
    position: fixed;
    background-image: url('your-image-url');
}

3、使用position: relative;屬性：

body {
    position: relative;
    background-image: url('your-image-url');
    background-position: 0 0; /* 防止圖片重復(fù) */
}

使用position: relative;時(shí)，可能需要設(shè)置background-position屬性，以防止圖片在頁(yè)面中重復(fù)顯示，確保您的圖片路徑正確，并且圖片尺寸適合您的頁(yè)面布局。