Как анимировать положение фона в IE8?

Question

У меня проблема в IE8 с эффектом анимации. Код работает в Firefox, Safari, Chrome ... но не в IE8.

Демо здесь.

Код, который я использую:

$(function(){
    $("#wrapper").animate({
        backgroundPosition: "-261px center"         
    }, 12000 );
});

Я использую jquery-1.4.3.min.js

Есть ли способ заставить его работать в IE8?

--- ОБНОВЛЕНИЕ ---

Я создал эту скрипку , и теперь она работает ¿? ¿? ¿Я ничего не изменил. Просто скопировал исходный кадр скрипки, сохранил как index3.html и работает.

Я ничего не понимаю, но это работает! Кто-нибудь может это объяснить?

Вы можете увидеть результат здесь: dev.thepixellary.es/index3.html

--- ОБНОВЛЕНИЕ 2 ---

это работает, потому что в скрипте я использовал jquery 1.3.2 вместо 1.5.2, но тогда этот код не работает (IE8):

$(".menu li").each(function(idx) {
  $(this).delay(idx * 1000).fadeIn("slow");
});

jsfiddle.net / oterox / wpzT6 / 8 /

Answer 1

Анимация фоновой позиции технически не поддерживается от jQuery.

Используйте плагин jQuery BackgroundPosition , чтобы исправить эту проблему.

Answer 2

Работа в IE8 !!

Вы можете увидеть решение здесь

Я заменил свой код на этот:

$.fn.scrollingBackground = function(options) {

   // settings and defaults.
    var settings = options || {};
    var duration = settings.duration|| 1;
    var step = settings.step || 1;

    var element = this;

    var animate = function() {
        element.css("background-position", "0px 0px");
        element.animate({
            backgroundPosition: step + "px 0px"
        }, duration);            
    };
    animate();
};

и я использую jQuery BackgroundPosition плагин

Спасибо всем.

Answer 3

Это неопределенное поведение для всех браузеров.Если он работает в каком-либо браузере, то это по luke.

См. Документ :

Все анимированные свойства должны быть анимированы в одно числовое значение.

Вы должны использовать этот плагин: Анимации положения фона

Некоторые дубликаты:

• jQuery анимировать положение фонав кусках?
• jquery анимировать положение фона