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

我有一个背景图像居中的容器：

---

这应该很有效，你能详细说明一下你想要达到的目标吗

 background-position: center -10px;

这将使背景图像垂直向顶部移动10px

---

您可以尝试将

calc

CSS函数与

50%

值结合使用，这意味着

center

：

background-position: center calc(50% - 10px);

要小心，根据IE9，这可能会有问题：

IE9中的部分支持是指当用作浏览器时浏览器崩溃 背景位置值

另一种方法可能是使用

background origin

属性，同时在框的底部（如果要向上移动图像）或顶部（如果要向下移动图像）设置所需的边距作为填充：

background-origin: content-box;
padding-bottom: 10px;
background-position: center center;

这看起来更难看，但至少不应该有IE9的崩溃问题。

背景位置：50%计算值（50%-10px）；（50%-10px）保持空间，否则将无法工作。

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

background-position: center calc(50% - 10px);

background-origin: content-box;
padding-bottom: 10px;
background-position: center center;