slider 上的 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 测试才能恢复正常 jQuery animations适用于 IE8。

此外，请检查您是否在 IE8 中运行 Chrome Frame。您提供的示例网站仅适用于 Chrome Frame，不适用于 native IE8。