【问题标题】:CSS3 transitions in IEIE 中的 CSS3 过渡
【发布时间】:2013-07-08 00:19:08
【问题描述】:

我需要帮助以使我的代码适用于 IE8 和 9。

这就是我所拥有的,

$("#logo").delay(1000).animate({
    "margin-top": "-=180px"
}, {
    step: function (now, fx) {
        angle += 2;
        $(this).css({
            "-moz-transform": "rotate(" + angle + "deg)",
            "-webkit-transform": "rotate(" + angle + "deg)",
            "-ms-transform": "rotate(" + angle + "deg)",
            "-o-transform": "rotate(" + angle + "deg)"
        });
    },
    duration: 610
},
"linear");

但它只适用于 FF 和 Chrome。有什么办法让它在 IE 中运行?

【问题讨论】:

  • 对于 IE9 一定要使用最新的 jQuery,我认为之前的一些版本中存在一个不喜欢供应商前缀的错误,虽然不太确定
  • 我有最新的 jquery,对 IE 没有影响。有什么解决办法吗?
  • 它至少应该在 IE9 中工作。 IE8 的后备方案是使用没有 css3 转换的普通动画..虽然对于旋转我不认为你可以这样做..只是向上/向下/向右/向左/不透明度/颜色/等移动
  • 我是否需要为 IE 设置任何特殊的 css 属性,其他我现在在代码中的属性才能使其工作?

标签: css internet-explorer-8 internet-explorer-9 css-transitions


【解决方案1】:

我解决了,使用插件: http://code.google.com/p/jqueryrotate/,

在 IE7、8 和 9 以及 Chrome 和 FF 中为我工作

【讨论】:

    猜你喜欢
    • 2011-09-26
    • 2011-12-17
    • 2012-12-28
    • 1970-01-01
    • 1970-01-01
    • 2013-02-13
    • 2012-03-26
    • 1970-01-01
    • 2014-08-10
    相关资源
    最近更新 更多