Jquery 使图像背景从图像底部开始

在这个例子中

您可以看到，我正在使用jQueryUI构建一个滑块。您可以上下拖动红色条以查看输入更改的值，但当您这样做时，您会注意到红色图像保留其渐变透视图的问题。Jquery正在设置div的高度，因此当div非常小时，它将使用图像的顶端，即渐变的较浅端。我需要的是背景从底部开始，并根据div的高度进行放大，这样当滑块设置为1或2时，底部栏显示红色渐变图像的较暗端。有什么想法吗

.ui滑块{
位置：相对位置；
文本对齐：左对齐；
}
#垂直滑块{
背景：url(http://qupload.com/images/ratingslid.png)无重复-30px0；
宽度：30px；
高度：161px；
}
.ui滑块范围{
背景：url(http://qupload.com/images/ratingslid.png)不重复0；
宽度：30px；
高度：161px；
}
.ui滑块垂直。ui滑块最小范围{
底部：0；
}
.ui滑块.ui滑块范围{
位置：绝对位置；
z指数：1；
边界：0；
}
.ui滑块垂直.ui滑块范围{
左：0；
}

试试这个：

.ui-slider-range {
    background:url(http://qupload.com/images/ratingslid.png) no-repeat 0 bottom;
    width:30px;
    height:161px;
}

试试这个：

.ui-slider-range {
    background:url(http://qupload.com/images/ratingslid.png) no-repeat 0 bottom;
    width:30px;
    height:161px;
}

---

就是这样。赢我15分，就是这样。打我15秒