Here are some ideas:
- Use !important
.ui-slider-handle{
background:url("http://www.foo.com/scrollbar/handle.gif";) !important;
}
- Create your handle manually, giving it an id and the ui-slider-handle
class before init, then have your css rule target the id, which is more
specific than the class:
<div id="slider">
<a href="#" id="myHandle" class="ui-slider-handle"></a>
</div>
...
#myHandle{
background:url("http://www.foo.com/scrollbar/handle.gif";);
}
- See if you can reproduce on jsbin.com, so we can see what you're seeing:
http://jsbin.com/
- Richard
On Wed, Aug 5, 2009 at 3:23 PM, IanB <[email protected]> wrote:
>
> When I use a root-relative or absolute url for the background image of
> a slider handle I get very strange behavior in IE6.
>
> example:
>
> .ui-slider-handle{
> background:url("http://www.foo.com/scrollbar/handle.gif";);
> }
>
> The background will disappear on rollover momentarily, and disappears
> throughout dragging. Often it will not reappear upon release.
>
> In the status bar I can see the page trying to download this image
> repeatedly.
>
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
![http://www.foo.com/scrollbar/handle.gif"](http://www.foo.com/scrollbar/handle.gif"){kind=link}