jQuery UI滑块背景

Question

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

问题是，当我移动左侧滑块时，背景图片也会移动。我希望背景图像保持不变。我能想到的唯一方法是计算滑块移动了多少像素，并从背景图像的x位置中减去该像素。有没有其他更简单的方法来做到这一点。

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

这是改变背景的代码。

谢谢

Answer 1

我认为这是不可能与CSS做到这一点。由于ui-widget-header的宽度是动态设置的，因此需要使用“幻灯片”回调动态更改背景图像的背景位置。你

也可以尝试使用：

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

所以效果将是两个滑块一样。

Answer 2

尝试使用 background-attachment: fixed