css – 背景位置值操纵

我有一个项目,我正在构建 XML文件中描述的幻灯片,但它需要允许基于偏移值的幻灯片图像定位.

现在我有Y偏移下调,现在唯一的问题是我需要能够在X中偏移某个数量的东西,但仍然保持％’年龄值行为.

所以基本上无论如何都要将背景位置的x开始于50％然后将其偏移一个像素量并保持％’年龄(50％offsetInPixels)的相对行为？

解决方法

你不能用纯CSS做到这一点(此时见,见 Rich Bradshaw’s answer).

你可以在javascript中完成它,例如：

var totalWidth = 960;
var xOffset = 10;
el.style.backgroundPosition = ((totalWidth/2) + xOffset) +"px 50px";