创建新Canvas后出现奇怪的Chrome行为

时间:2012-11-13 05:12:46

标签: css google-chrome canvas webkit html5-canvas

创建新画布后,div中具有绝对或相对位置的元素(也使用相对或绝对)不能正确呈现,包括来自chrome的“范围”类型输入。只有在我将鼠标放在画布上后,这些元素才会转到正确的位置。在Firefox中,一切都按预期工作。任何提示如何解决这个问题?

更新:
根据要求,这是一个小小的示范: http://meli.rezzsolucoes.com.br/demo/
由于一些奇怪的原因,我不能从我的页面得到确切的行为。但它足够接近

1 个答案:

答案 0 :(得分:0)

谢谢你帮助我!当我在做演示时,我意识到当画布不在菜单上方时,一切都运行良好。仍然不知道问题是什么,但似乎如果一个div与相对/绝对重叠画布(即使它不可见),webkit开始有渲染问题,天知道为什么。解决这个问题的最佳方法是改变页面的设计。但就我而言,这不是一个选择。所以,我寻找一种强制重绘/重绘的方法。并发现了这个问题:

How can I force WebKit to redraw/repaint to propagate style changes?

解决方案,即使是一个肮脏的修复,它工作得很好。我仍然想知道为什么你不能在webkit上覆盖带有相对/绝对div的画布。如果你们知道原因并向我解释,我将不胜感激。

再次感谢!