2

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

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

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

那是改变背景的代码。

谢谢

4

2 回答 2

1

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

您也可以尝试使用：

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

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

于 2012-06-06T16:07:15.180 回答
-1

尝试使用 background-attachment: fixed

于 2014-03-17T05:12:07.577 回答