Css 如何将背景图像放置在div的中心,但给它一个偏移量?

Css 如何将背景图像放置在div的中心,但给它一个偏移量?,css,sass,compass-sass,Css,Sass,Compass Sass,我有一个背景图像为我的div,我想在中心,但略有偏移。如果我做背景位置:xy当页面变宽时,它不会使其居中。将此添加到css中 background-position{55% 0%;} 可以使用百分比按比例指定类似的值: 请参见您不能。您可以获得“中心”或“偏移”,但不能同时获得“中心”和“偏移”。即使是%也不能按你期望的方式工作。如果图像和容器大小相同,%offset完全不起任何作用。CSS背景图像定位很糟糕 有时,您可以做的实际上是偏移图像本身。在一边或另一边使用额外的透明像素保存,然后将结

我有一个背景图像为我的div,我想在中心,但略有偏移。如果我做
背景位置:xy当页面变宽时,它不会使其居中。

将此添加到css中

background-position{55% 0%;}

可以使用百分比按比例指定类似的值:


请参见

您不能。您可以获得“中心”或“偏移”,但不能同时获得“中心”和“偏移”。即使是%也不能按你期望的方式工作。如果图像和容器大小相同,%offset完全不起任何作用。CSS背景图像定位很糟糕


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

非常确定只能从顶部或左侧偏移。其他一切都是一个位置,如底部、右侧、中心等。
element {
    background-image: url(' ... ');
    background-repeat: no-repeat;
    background-position: 55% 50%;
}