錯誤的背景圖像定位圖像接近右邊界

Question

如果我想使用位於x軸80％的背景圖像，圖像寬度爲30％，我的理解是圖像應該部分消失右側（從80％開始，以div的寬度的110％結束）。但是，瀏覽器似乎決定將圖像的邊對齊80％ - 但是如果我將80改爲20，那麼它將左邊對齊爲20％。這對我來說真的很奇怪，也是一個問題。

下面就來說明一下我在談論一個小提琴：

https://jsfiddle.net/qzbrkbcz/2/

第一背景圖像被正確定位，第二個是右對齊。

如何確保背景圖片的左上角始終位於background-position值？

Answer 1

背景圖片將根據它自己的大小定位自己。所以，如果你想讓它去從容器中，你必須使用像background-position: 250% 100%;

https://jsfiddle.net/maxpaj/qzbrkbcz/6/

祝你好運:)