2013-05-29 29 views
0

我設法更改梯度圖像的progresse欄的背景,但圖像隨處理程序一起移動。滑動條jquery ui更改圖像的背景

這裏的高,所以我們可以看到gradien

enter image description here

但是當它是低圖像desend用,有沒有梯度了..

enter image description here

我怎麼能看到梯度最黑暗的部分是向上移動? 感謝

+0

這裏是一個示例:http://jsfiddle.net/j08691/yv6Rt/ – novoa

回答

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/

+0

事情是漸變與處理程序一起移動,我需要修正漸變,但我可以弄清楚如何。 – novoa

+0

有人請! – novoa

+0

@novoa我更新了答案,以顯示另一個可能更適合您要查找的選項。如果不是,我需要更好的解釋你在找什麼。 – lightswitch05