css - 创建新画布后奇怪的 Chrome 行为

Question

创建新画布后，div 内具有绝对或相对位置的元素（也具有相对或绝对位置）无法正确呈现，包括来自 chrome 的“范围”类型输入。只有在我将鼠标放在画布上之后，这些元素才会出现在正确的位置。在 Firefox 中，一切都按预期工作。任何提示如何解决这个问题？

更新：
根据要求，这里有一个小演示： http
: //meli.rezzsolucoes.com.br/demo/ 出于某种奇怪的原因，我无法从我的页面中获得确切的行为。但它足够接近

Answer 1

谢谢你的协助！当我进行演示时，我意识到当画布不在菜单上方时，一切正常。仍然不知道到底是什么问题，但似乎如果一个具有相对/绝对值的 div 与画布重叠（即使它不可见），webkit 开始出现渲染问题，天知道为什么。解决这个问题的最好方法是改变页面的设计。但就我而言，这不是一个选择。所以，我寻找一种方法来强制浏览器重绘/重绘。并发现了这个问题：

如何强制 WebKit 重绘/重绘以传播样式更改？

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

再次感谢！