jQuery UI 滑块背景答案

【问题标题】：jQuery UI Slider backgroundjQuery UI 滑块背景
【发布时间】：2012-06-06 15:34:29
【问题描述】：

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

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

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

这是改变背景的代码。

谢谢

【问题讨论】：

【解决方案1】：

我认为用 css 是不可能的。因为 ui-widget-header 的宽度是动态设置的，所以您需要使用 'slide' 回调动态更改背景图像的背景位置。

您也可以尝试使用：

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

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

【讨论】：

【解决方案2】：

尝试使用 background-attachment: fixed

【讨论】：