jQuery UI滑塊背景

Question

我有一個範圍滑塊，我有一個滑塊選定部分的圖像。

問題是，當我移動左側滑塊時，背景圖片也會移動。我希望背景圖像保持不變。我能想到的唯一方法是計算滑塊移動了多少像素，並從背景圖像的x位置中減去該像素。有沒有其他更簡單的方法來做到這一點。

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

這是改變背景的代碼。

謝謝

Answer 1

我認爲這是不可能與CSS做到這一點。由於ui-widget-header的寬度是動態設置的，因此需要使用「幻燈片」回調動態更改背景圖像的背景位置。你

也可以嘗試使用：

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

所以效果將是兩個滑塊一樣。

Answer 2

嘗試使用 background-attachment: fixed