Jquery UI Slider、 slider 处理图像问题

Question

我有以下问题:
我从 Jquery UI 网站(从这里: http://jqueryui.com/demos/slider/side-scroll.html )获取了 slider 的示例，并且需要对其进行修改，以便 slider 的 handle 显示不同的图形，但我不能让事情正确显示。

它应该就像将“.scroll-bar-wrap .ui-slider-handle”中的background:属性指向我的图像一样简单，或者至少我是这么想的。该功能运行正常，单击滚动条的一般区域并向左和向右移动将使内容滚动得很好。问题是，无论我尝试什么，我都无法获得任何类型的图像(或 CSS 属性，就此而言)显示有关滚动条及其 handle 的信息!

这是一个包含我一直在使用的模型的目录:编辑:这很尴尬，我发布了一个糟糕的页面。更多内容见下文。

我已经搜索了 Stack Overflow 的 jquery UI 线程，并进行了一般性的谷歌搜索，但我似乎找不到解决方案。此时，我认为这是一些简单的 CSS 问题困扰着我，使句柄不可见，但功能完好无损。请问我做错了什么？

编辑:好的，我很抱歉发布了一个未显示正确模型的页面的链接。抱歉浪费了大家的时间。

Answer 1

尝试在您的 css 文件中覆盖此类。检查这是否有效

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
background:green url(slider.png) 50% 50% repeat-x !important;
}​