jQuery UI滑块背景

Question

我有一个范围滑块，我有一个滑块选定部分的图像。

问题是当我移动左滑块时，背景图像也会移动。我希望背景图像保持固定。我能想到这样做的唯一方法是计算滑块移动的像素数，然后从背景图像的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%; 

因此两个滑块的效果相同。

Answer 2

尝试使用 background-attachment: fixed