Html 靠近右边框的图像的错误背景图像定位

如果我想使用位于x轴80%位置的背景图像，并且图像宽度为30%，我的理解是图像应该在右侧部分消失（从80%开始，到div宽度的110%结束）。然而，浏览器似乎决定将图像的右侧对齐80%——但如果我将80改为20，则它将左侧对齐20%。这真是奇怪的行为，对我来说是个问题

这里有一把小提琴来说明我所说的：

第一个背景图像正确定位，第二个背景图像右对齐

---

如何确保背景图像的左上角始终位于

背景位置

值？

背景图像将根据自身大小进行定位。所以如果你想让它离开容器，你必须使用像

backgroundposition:250%100%


祝您好运：）
因此，如果宽度+x大于100%，基本上我需要将背景图像的宽度添加到位置x值中。或者您必须使用像素值来确定背景位置。或者计算图像相对于容器的大小，然后相应地设置百分比值。我对像素值确定的位置进行了新的调整：