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测试才能恢复到IE8的正常jQuery animations。

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

滑块上的jQuery和CSS3过渡

1 个答案: