Javascript 奇怪的动画像素轨迹

Javascript 奇怪的动画像素轨迹,javascript,jquery,css,animation,Javascript,Jquery,Css,Animation,我们目前正在开发一个动画信息图,当我们在客户端HTML模板中包含我们的代码时,我们会遇到一些稍微奇怪的动画像素轨迹。这里有一个链接: 这只会发生在英雄形象中的火车上,以及页面下方的放大镜动画上。有人知道为什么会发生这种情况以及如何解决吗?它似乎只会影响这些动画,而不会影响其他动画 仅供参考,我们必须使用JQuery 1.7,并且动画需要在IE9+IE8支持中得到支持,尽管我们正在为此使用still PNG 提前谢谢 编辑:为清晰起见添加了图像 没有看到任何像素轨迹,FF 33.0 Beta 5或

我们目前正在开发一个动画信息图,当我们在客户端HTML模板中包含我们的代码时,我们会遇到一些稍微奇怪的动画像素轨迹。这里有一个链接:

这只会发生在英雄形象中的火车上,以及页面下方的放大镜动画上。有人知道为什么会发生这种情况以及如何解决吗?它似乎只会影响这些动画,而不会影响其他动画

仅供参考,我们必须使用JQuery 1.7,并且动画需要在IE9+IE8支持中得到支持,尽管我们正在为此使用still PNG

提前谢谢

编辑:为清晰起见添加了图像

没有看到任何像素轨迹,FF 33.0 Beta 5或6。我也没有在FF中看到任何像素轨迹,但在Safari和Chrome上间歇性地观察到它们,可能与基于Webkit的浏览器有关?验证这些轨迹,mavericksgoogle search上的最新Chrome-Webkit transform:translate3d0-应用于包含动画元素的元素,您有时可以清除工件,因为它支持硬件加速。我注意到它有时会让事情变得更糟,但如果它对你有好处,不要放弃。我只是将动画元素分离到不同的父容器中,并使用z索引来解析显示顺序?