jQuery UI slider 背景

Question

我有一个范围 slider ，并且有 slider 所选部分的图像。

问题是当我移动左侧 slider 时，背景图像也会移动。我希望背景图像保持固定。我能想到的唯一方法是计算 slider 移动了多少像素，然后从背景图像的 x 位置中减去该像素。还有其他更简单的方法吗？

.ui-widget-header{ //selected part of the bar
        background: url('../images/elements/sliderBarSelected.png');

这是更改背景的代码。

谢谢

Answer 1

我认为用CSS不可能做到这一点。因为 ui-widget-header 的宽度是动态设置的，所以您需要使用“slide”回调动态更改背景图像的背景位置。

您也可以尝试使用:

background: url('../images/elements/sliderBarSelected.png') 50% 50%; 

因此两个 slider 的效果是相同的。