Анимация фонового изображения * ошибка? * С помощью jQuery

Question

Мне нужно анимировать фоновое изображение, и я использую код

        $('div.holder-inner').css({backgroundPosition: '0px 0px'});

    $('#up').click(function(){
        // alert('!');
        $('div.holder-inner').animate({
            backgroundPosition: '200px 10px'
        });
    });

, который не работает .. однако он работает, если я изменяю backgroundPosition, чтобы содержать только одно значение, а не два, как это

            backgroundPosition: '200px'

Протестировано в Firefox 6 и Chrome - и дает одинаковый результат в обоих - анимирует с одним значением и ничего не делает с двумя значениями.

Есть идеи?

Answer 1

jQuery стандартная анимация не работает с фонами.

Проверьте эту ветку для объяснения: jQuery animate backgroundColor и этот плагин для решения http://www.protofunc.com/scripts/jquery/backgroundPosition/