jqueryui滑块背景

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

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

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

这是更改背景的代码

---

谢谢

我认为用css是不可能的。因为ui小部件标题的宽度是动态设置的，所以需要使用“幻灯片”回调动态更改背景图像的背景位置

您还可以尝试使用：

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

---

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

我认为用css是不可能的。因为ui小部件标题的宽度是动态设置的，所以需要使用“幻灯片”回调动态更改背景图像的背景位置

您还可以尝试使用：

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

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

尝试使用

背景附件：已修复

尝试使用

背景附件：已修复