最近在使用css背景圖的時候，遇到一個問題：背景圖會隨著頁面滾動而跳位置。

.background {
background-image: url("image/background.png");
background-repeat: no-repeat;
background-position: center center;
}

我以為是我css寫的有問題，后來經過了解后發現，原來是因為背景圖的大小和屏幕大小不一致，導致了背景圖跳位置的問題。

要解決這個問題，我們需要對背景圖進行適配。一種方法是設置背景圖的大小為100%。這樣，背景圖會與屏幕大小保持一致，不會再出現跳位置的情況了。

.background {
background-image: url("image/background.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}

通過以上方法，我們解決了css背景圖跳位置的問題。同時，如果我們希望背景圖保持原有的比例，只需將背景圖的寬或高設置為100%即可。