为什么我的javascript没有触发不同的css3动画延迟Internet Explorer 10？

Question

document.addEventListener(
    "DOMContentLoaded",function(){
        var e, t=document.querySelectorAll("div.bounceInDown");
        for(var n=0,r=t.length;n<r;n++){
            e=Math.round(Math.random()*7e3)+"ms";
            t[n].style.animationDelay=e;
            t[n].style.WebkitAnimationDelay=e
        }
    },
    false
)

此代码位于我的文档的头部。我也在身体和底部尝试过它。没有方法可行。我也尝试了JQuery ready方法。

这是我在网上找到的代码，运气很好。不得不做一些改变，所以它适用于铬。如何使其在Internet Explorer 10中运行？

Answer 1

您正在使用WebkitAnimationDelay媒体资源。正如名称已经仅针对Webkit browsers所述。正如see here一样，使用不带Webkit的语句也适用于支持CSS3的其他浏览器。