1

我有一个带有动画的网站。
当动画在 chrome 中运行时，chrome 似乎无法重新绘制元素区域，并在元素所在的位置留下痕迹线。
有谁知道为什么会发生这种情况，我该如何解决这个问题？

4

3 回答 3

2

我自己也遇到过这个问题，在谷歌的帮助下，我找到了一个与这个问题相关的论坛帖子，以及一个重现它的jsFiddle 。看起来（根据线程）此问题已在版本 23 中修复。我在版本 22.0.1229.94 m 上，问题出现在我的浏览器中。我不确定您是否可以采取任何措施来消除早期版本的 chrome 中的这个问题，我认为您只需要等到 23 版成为最新的稳定版并且每个人都升级他们的浏览器版本

于 2012-10-16T19:05:08.963 回答
0

试试谷歌金丝雀。https://tools.google.com/dlpage/chromesxs

如果它没有在这里发生，那就去吧；他们很快就会修补它。我有 css3 过渡的问题（尤其是在为从屏幕开始的东西设置动画时，它会留下残留的撕裂，看起来很可怕。

如果您真的很绝望，请尝试隐藏然后显示元素，它通常会将它们弹回原位，但这不是一个出色的解决方案。

于 2012-10-19T01:06:59.953 回答
0

我知道，这个错误很奇怪......不影响性能的最简单的解决方法似乎是设置可拖动/动画元素或容器的一些样式属性。

您应该可以通过设置边框或轮廓属性来修复它。例如：

 //body, .draggable
$(selector).css('outline', '1px solid transparent');

jsFiddle 示例

于 2012-10-21T18:16:17.803 回答