CSS背景圖怎么固定？
在網頁設計中，使用背景圖可以增強頁面的視覺效果。但是背景圖滾動時會影響用戶的瀏覽體驗，為了防止這種情況的發生，我們需要固定背景圖。
使用CSS的background-attachment屬性可以很容易地將背景圖固定在頁面上。
假設我們有如下的HTML代碼：
<!DOCTYPE html>
<html>
<head>
<title>CSS背景圖固定</title>
<style>
body {
background-image: url('background.jpg');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
</style>
</head>
<body>
</body>
</html>以上代碼中，我們將背景圖設置為background.jpg，設置背景圖不重復（background-repeat: no-repeat），設置背景圖在屏幕上盡可能地填充（background-size: cover），并使用background-attachment: fixed屬性將背景圖固定在頁面上。
在實際應用中，我們可以根據需要對上述屬性進行調整。
雖然背景圖的固定能夠提升頁面的視覺效果，但是在移動設備中可能會影響瀏覽體驗，因此在設計響應式網頁時需要進行適當的考慮。
總之，掌握CSS背景圖的固定技巧可以使我們更好地控制頁面的外觀和用戶體驗。