jQuery Animate on Background가 FireFox에서 작동하지 않습니다.

Question

이것은 Chrome, Safari, IE9에서 작동합니다.

$(".menu").animate({'background-position-y': '50%'}, 100); 

하지만 FireFox에는 없습니다! 지금 손실 조금 있어요

, FF에 대한 간단한 수정이있다?

Answer 1

background-position-x/y 정말 어떤 CSS 사양, 그 IE 특정 CSS의 일부가 아닌, IE5.5에 추가하고, 나중에 웹킷에 의해 구현.

가장 좋은 해결책은 step 메서드를 사용하는 것입니다.이 방법을 사용하면 거의 모든 것에 애니메이션을 적용 할 수 있습니다.

$('elem').animate({ 
    'border-spacing': -1000 
}, 
{ 
    step: function(now, fx) { 
    $(fx.elem).css("background-position", "0px "+now+"px"); 
    }, 
    duration: 5000 
}); 

http://jsfiddle.net/q9aeh/1/