Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否可以使用带阴影的jqueryui滑块范围/背景?_Jquery_User Interface_Colors_Slider - Fatal编程技术网

是否可以使用带阴影的jqueryui滑块范围/背景?

是否可以使用带阴影的jqueryui滑块范围/背景?,jquery,user-interface,colors,slider,Jquery,User Interface,Colors,Slider,是否可以对jqueryui滑块的范围/背景进行阴影填充,甚至使用颜色渐变填充(请参阅) 这不仅仅是改变颜色,而是根据特定的变量从红色到绿色,当然在运行时可能会有所不同 感谢您的帮助 是的,这是可能的 您只需要设置滑块div的背景 <div id="slider" style="background:black"></div> 这将导致滑块具有黑色背景 这是最简单的部分。问题是如何创建渐变 有关CSS实现,请参见 您可能希望查看jQuery中的cssHooks选项以简

是否可以对jqueryui滑块的范围/背景进行阴影填充,甚至使用颜色渐变填充(请参阅)

这不仅仅是改变颜色,而是根据特定的变量从红色到绿色,当然在运行时可能会有所不同

感谢您的帮助

是的,这是可能的

您只需要设置滑块div的背景

<div id="slider" style="background:black"></div>

这将导致滑块具有黑色背景

这是最简单的部分。问题是如何创建渐变

有关CSS实现,请参见 您可能希望查看jQuery中的cssHooks选项以简化它。另请参见一些示例(有一个gradient.js csshake,但据我检查,它不支持IE)

为了获得最佳效果,您可能需要设置背景图像,例如:

<div id="slider" style="background:url(creategradient.aspx?from=000&to=FFF&height=5&width=100)"></div>


你必须写一些服务器端代码,它会立即创建渐变图片。

我不能使用静态背景图像,但是-MOZ线性渐变(顶部、红色、黄色、绿色)对于Firefox 3.6 +来说是很好的,但是,在中间,使用PrimID:DimigaGebug。微软。,endColorstr=“#00ff00”)用于IE。。。有人知道如何在这里定义红色->黄色->绿色吗?IE不支持它(多站)。这就是为什么背景图片是最好的选择。我的观点是,红色/绿色的阈值可能经常改变,因此每次都必须重新生成(静态)背景图像。没关系,我暂时还是坚持firefox。感谢您的即时反馈!好吧,如果浏览器支持不是一个问题,那么一定要这样做。否则,我看不出动态创建图像的问题。