background-position：-209px -2px，我不明白负背景位置

Question

如果我有一张1000x3000像素的图像并且我使用负背景位置，那么这是如何工作的呢？

我认为通过向左移动209个像素然后向上移动2个像素然后显示实际剩下的部分来起作用，但它似乎与此相反。

Answer 1

背景位置属性实际上相对于元素移动背景图像本身。对于实例，如果您使用{background-position: 0 0}，则表示您将图片左上角的(0,0)定位到html元素的左上角。

-ve left offset表示您将图像向左移动，-ve top offset表示向上移动图像..

在上面的代码中，第一个0引用left offset，第二个0引用top offset ..

{background-position: -209px -2px}

表示您将图像向左移动209px，向上移动2px。

希望这会对你有所帮助。

Answer 2

你应该将负号解释为：

background-position：-x，-y;跟说......一样 background-position： x 像素， y 像素向上;