backgroundPositionX not working on Firefox

Question

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

Answer 1

You can do something like this

First install jquery migration

https://github.com/jquery/jquery-migrate/#readme

Include these on your html

The $.browser property allows you to target browsers you want to apply your style into

In this case for background-position can be changed to property supported backgroundPosition

Available flags are - webkit - safari - opera - msie (for IE) - mozilla

Example for IE or Firefox

if ( $.browser.msie || $.browser.mozilla) {
        $(".element").css('backgroundPosition', position + "px 0");                
}

for chrome

if ( $.browser.webkit) {
        $(".element").css('backgroundPosition', position + "px 0");                
}

I got mine working and for all IE

Cheers