background-position屬性怎么解決，高手請進(jìn)？背景-位置：0%0%這意味著背景圖像的左上角與容器的左上角對齊？這是真的，但我不能這么說，因?yàn)楸尘拔恢迷谟?jì)算位置時沒有使用背景圖像的左上角

background-position屬性怎么解決，高手請進(jìn)？

背景-位置：0%0%這意味著背景圖像的左上角與容器的左上角對齊？這是真的，但我不能這么說，因?yàn)楸尘拔恢迷谟?jì)算位置時沒有使用背景圖像的左上角作為基點(diǎn)。

背景位置以背景圖像的中心點(diǎn)為基點(diǎn)，如上圖所示。容器為400px*400px，背景圖像為200px*200px。上圖為背景-職位：50%50%，所以背景-位置：0%0%：第一個0%表示背景圖像中心與左紅線重合；第二個0%表示背景圖像中心與上紅線重合。所以背景-職位：100%100%時間：第一個100%表示背景圖像中心與右側(cè)紅線重合；第二個100%表示背景圖像中心與下方紅線重合。也就是說，在0%到100%之間，圖像的中心點(diǎn)被限制在一個范圍內(nèi)：從容器的左邊緣到右邊緣的范圍是背景圖像的寬度/2。