Jquery UI Slider,Slider处理图像问题

时间:2012-09-21 01:33:46

标签: jquery jquery-ui jquery-ui-slider

我有以下问题:
我已经从Jquery UI网站(从这里:http://jqueryui.com/demos/slider/side-scroll.html)获取滑块的示例,并且需要对其进行修改,以便滑块的手柄显示不同的图形,但我无法获取正确显示。

应该就像将“.scroll-bar-wrap .ui-slider-handle”中的background:property指向我的图像一样简单,或者至少我是这么认为的。功能正常,单击滚动条的常规区域并向左和向右移动将使事情滚动得很好。问题在于,无论我尝试什么,我都无法获得任何形式的图像(或CSS properties,就此问题而言)以显示滚动条及其手柄!

这是一个我一直在使用模拟的目录:编辑:那很尴尬,我发布了一个糟糕的页面。更多下面。

我已经搜索了Stack Overflow的jquery UI线程,并且搜索了一般,但我似乎无法找到解决方案。在这一点上,我认为这是一个简单的CSS事情,它弄乱了我并使句柄不可见,但保持功能完好无损。拜托,我做错了什么?

编辑: 好的,我为发布未显示正确模型的页面的链接而道歉。很抱歉浪费任何时间。

1 个答案:

答案 0 :(得分:0)

尝试在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;
}​