如何将我的背景图像放在div的中心，但是给它一个偏移？

Question

我的div有一个背景图像，我想在中心，但稍微偏移。如果我background-position: x y;，则在页面变宽时不会使其居中。

Answer 1

您可以使用百分比按比例指定background-position，如下所示：

element {
    background-image: url(' ... ');
    background-repeat: no-repeat;
    background-position: 55% 50%;
}

请参阅jsFiddle

Answer 2

将此添加到您的css

background-position{55% 0%;}

Answer 3

你做不到。你得到中心或偏移，但不是两者。即使％不按预期方式工作。如果图像和容器的大小相同，则％偏移确实什么都没有。 CSS背景图像定位很糟糕。

有时，您可以做的事实上是偏移图像本身。在一侧或另一侧使用额外的透明像素保存它 - 然后将结果居中。