在 CSS 中，調整背景圖的位置是很常見的需求。通常情況下，我們希望將背景圖定位在元素的某個位置，使其更加符合設計要求。下面是一些實現背景圖位置調整的方法。 首先，我們需要使用 CSS 的 background-image 屬性來指定背景圖。例如：

.container {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-size: cover;
}

上述代碼將背景圖設置為 container 元素的背景，并將其進行適當的處理。可以看到，我們還對背景圖的重復方式和大小進行了設置。 接著，我們可以使用 background-position 屬性來調整背景圖的位置。該屬性接受兩個參數，分別為 x 坐標和 y 坐標。例如：

.container {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}

上述代碼將背景圖定位在 container 元素的中心位置。 我們還可以將 x 和 y 坐標設置為具體的像素值或百分比值，以達到更細致的調整。例如：

.container {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 10px 20px;
}

上述代碼將背景圖定位在距離 container 元素左上角 10 像素和 20 像素的位置。 最后，我們還可以將 background-position 屬性的值設置為關鍵字，如 top、bottom、left、right 等，從而實現更加直觀的位置調整。例如：

.container {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: right top;
}

上述代碼將背景圖位于 container 元素的右上角。 綜上所述，我們可以通過 background-position 屬性輕松實現背景圖位置的調整。無論是在 web 頁面還是移動端應用中，都能發揮重要的作用。