如果我想在x轴上使用位于80％的背景图像，并且图像宽度为30％，我的理解是图像应该在右侧部分消失（从80％开始并结束在div的宽度的110％处。但是，似乎浏览器决定将图像的右侧侧对齐80％ - 但如果我将80改为20则将左侧对齐为20％。这真是一种奇怪的行为，对我来说也是个问题。
这是一个小提琴来说明我在说什么：
https://jsfiddle.net/qzbrkbcz/2/
第一张背景图片正确定位，第二张背景图片右对齐。
如何确保背景图片的左上角始终位于background-position值？
答案 0 :(得分：1)
背景图片将根据自己的大小定位自己。因此，如果您希望它离开容器，您将不得不使用类似background-position: 250% 100%;