JQuery и CSS3 переходы на ползуне

Question

Я пытаюсь понять, почему это работает в ie8

Пример 1: http://css3.bradshawenterprises.com/sliding/

Но это не

пример 2: http://jsfiddle.net/MobsterFiddle/6RAEP/

Оба варианта использования css3 по причинам, о которых я не знаю, моя скрипка (пример 2) не будет работать:

-webkit-transition:all 1.0s ease-in-out; 
    -moz-transition:all 1.0s ease-in-out; 
    -o-transition:all 1.0s ease-in-out; 
    transition:all 1.0s ease-in-out; 

Я думаю, что это как-то связано с этим.

marketSlide.css({ 
      transform: 'translate(' + (-100 * (current - 1)) + '%, 0)', 
      WebkitTransform: 'translate(' + (-100 * (current - 1)) + '%, 0)', 

В первом примере (пример 1) JQuery используется следующим образом:

.css("transform","translateX("+$(this).index() * -450+"px)"); 

В чем разница между этими двумя и почему не один, который работает использовать translateX

Спасибо!

Answer 1

IE8 не поддерживает преобразования CSS3. Вам нужно будет использовать тесты Modernizr, чтобы вернуться к нормальной работе jQuery animations для IE8.

Кроме того, проверьте, работает ли Chrome Chrome в IE8. Пример сайта, который вы дали, работает только с Chrome Frame, а не с родным IE8.