Background Position animation in jQuery not working in Firefox

Question

I am working on a wesbsite here: http://www.benjaminpotter.org/portfolio2/

Look at the loading splash, it looks all good but not in Firefox. Do you know why backgrou

Answer 1

I got mine working with better and simple solution

First install jquery migration

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

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");                
}