jquery - 滑块条 jquery ui 更改图像的背景

Question

我设法为带有渐变的图像更改进度条的背景，但图像随处理程序一起移动。

这里很高，所以我们可以看到渐变

但是当图像下降的时候，就没有渐变了。

我怎样才能看到渐变的最暗部分向上移动？谢谢

Answer 1

如果您希望根据位置重新计算渐变，那么很明显它仍然是渐变，那么您可以这样做：

.ui-slider .ui-slider-range {
    background-position: inherit;
}

重新计算梯度的示例：http: //jsfiddle.net/yv6Rt/365/

如果您希望渐变在移动滑块时根本不移动，您可以使用以下方法使其具有固定位置：

.ui-slider .ui-slider-range {
    background-position: 0 100%;
}

固定渐变示例：http: //jsfiddle.net/yv6Rt/366/