滑块jquery ui更改图像的背景

时间:2013-05-29 15:37:43

标签: jquery jquery-ui

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

这里很高,所以我们可以看到gradien

enter image description here

但是当图像偏低时,图像不再呈现,不再有渐变......

enter image description here

我怎么能看到渐变的最暗部分向上移动? 谢谢

1 个答案:

答案 0 :(得分:0)

如果您希望渐变基于位置重新计算,因此很明显它仍然是渐变,那么您可以这样做:

.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/