Search code examples
javascriptcssfirefoxanimationbackground-position

backgroundPositionX not working on Firefox

I have play with youtube's sprite animation but there is a problem. backgroundPositionX won't work under Firefox (but works on Chrome and IE8)... This is the code: https://jsfiddle.net/74RZb/

Extra info: the problem is that under firefox It doesn't change the background position (won't play the animation)... there are no errors, just doesn't change the background position.

Solution

  • Firefox doesn't support backgroundPositionX, but it does support background position

    So we can do something like this:

    psy.style.backgroundPosition = x+'px 0';

    This sets the background position, X first, then Y.

    Working example here