我明白
CSS3动画在IE中不起作用.我只是想知道是否有这个问题的
JavaScript解决方法.
这是一个链接到我想要重新创建在IE:http://animation.kashoo.co.uk/
任何建议都会很棒.
解决方法
经过快速的Google搜索,我发现一个jQuery插件可以改变jQuery的标准$.animate()函数,以便它可以尽可能地使用CSS3转换:
编辑:
在我的一个网站上尝试上面的插件后,网站破了.我不知道你是否会有同样的问题,但这是我的解决方法:
你将需要Modernizr.js
基本上,您检查(与Modernizr)浏览器是否支持给定功能,然后决定是否使用CSS3或Javascript动画.
例如:
(假设你是动画,一个对象向右移动200px)
if(Modernizr.csstransitions) { // use your appropriate browser prefixes yourDomObject.style.transition = 'left 2s'; yourDomObject.style.left = parseInt(yourDomObject.style.left) + 200 + 'px' } else { var left = parseInt($(yourDomObject).css('left')) + 200 + 'px'; $(yourDomObject).animate({ 'left' : left },2000,'eaSEOutExpo'); }