css - 背景位置值操作

Question

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

现在我有 Y 偏移量，现在唯一的问题是我需要能够将 X 中的某些东西偏移一定量但仍然保持 %'age 值行为。

所以基本上有没有办法让背景位置的 x 从 50% 开始，然后将其偏移一个像素量并保持 %'age( 50% + offsetInPixels) 的相对行为？

Answer 1

您可以这样做，但它没有得到广泛支持。

background-position: -moz-calc(50% - 20px) 0;
background-position: calc(50% - 20px) 0;

目前(2011 年 5 月)这仅适用于 Firefox 4 和 IE9。

参见 http://caniuse.com/#calc为了兼容性。