2 replies to this topic

[Brian Miller]

Using jQuery, I'm moving the background image of an HTML element when a certain event occurs. The sample code below works perfectly in IE and Chrome. However, FireFox is being a pain.

$("#someItem").stop().animate({"background-position-x":"100px"}, "easeOutQuart");

I'd hard to find info on this but on a friend told me that FF doesn't support "background-position-x"

Is this true? If so, how else can I move the background image horizontally in FF?

[+Seahorsepip]

background-position is more supported so something like this:

$("#someItem").stop().animate({"background-position":"x y"}, "easeOutQuart");

make sure to add IE9.js before jquery and this code to get support on IE8 and lower

[Brian Miller]

Thanks.