0

我试图理解为什么这在 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

谢谢！

4

1 回答 1

1

IE8 不支持 CSS3 转换。您将不得不使用 Modernizr 测试来回退到 IE8 的正常jQuery 动画。

另外，检查您是否在 IE8 中运行 Chrome Frame。您提供的示例站点仅适用于 Chrome Frame，不适用于本机 IE8。

于 2013-08-12T17:57:00.407 回答