javascript - 将背景位置垂直移动一定值？

Question

我有一个容器，其背景图像居中:

<div class="foo"></div>

.foo {
   background: white url(../image.jpg) no-repeat scroll center center / cover;
}

有什么方法可以使用纯 CSS 或 JS 将背景图像的位置相对于其原始位置垂直移动一个固定值(例如 10px)以获得类似的东西:

background-position: center (center - 10px);

Answer 1

试试这个 calc

.foo {
   background-position: 50% calc(50% - 10px);
}