jQuery和CSS3在滑块上转换

Question

我试图理解为什么这在ie8中有效

示例1：http://css3.bradshawenterprises.com/sliding/

但这不是

示例2：http://jsfiddle.net/MobsterFiddle/6RAEP/

两者都使用css3转换，但由于我不知道的原因，我的fiddle（示例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测试才能恢复到IE8的普通jQuery动画。

此外，请检查您是否在IE8中运行Chrome Frame。您给出的示例网站仅适用于Chrome Frame，而不适用于本机IE8。