在chrome bug中重绘痕迹

时间:2012-10-13 16:51:51

标签: jquery css google-chrome

我有一个带动画的网站 当动画以chrome运行时,chrome似乎在重新绘制元素区域时失败,并留下跟踪线所在的元素。
有谁知道为什么会发生这种情况,我该如何解决这个问题呢?

3 个答案:

答案 0 :(得分:2)

我自己也遇到过这个问题,在谷歌的帮助下,我找到了与此问题相关的forum thread,以及jsFiddle再现它。它看起来像(根据线程)这个问题在版本23中得到修复。我的版本是22.0.1229.94 m,问题发生在我的浏览器中。我不确定在早期版本的chrome中是否有任何可以解决此问题的方法,我认为你只需等到版本23成为最新稳定版并且每个人都升级其浏览器版本

答案 1 :(得分:0)

试试Google Canary。 https://tools.google.com/dlpage/chromesxs

如果这里没有发生,那就去吧;他们很快就会打补丁。我有css3过渡的问题(特别是当动画从屏幕开始的动画,它留下残余的撕裂,它看起来很可怕。

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

答案 2 :(得分:0)

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

您应该可以通过设置border或outline属性来修复它。 例如:

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

jsFiddle example