Javascript 在Chrome中使用css过滤器（-webkit过滤器）创建JS DomeElement

我尝试将canvas和DomeElement（可伸缩按钮的SVG背景）结合起来，但是如果DomeElement有一个带有过滤器和-webkit过滤器（阴影）的类，那么这些元素会出现在任何绘制的形状后面。（在Firefox中，z顺序是完美的。） 你可以在这里看到：

上一个是镀铬的，图标在半透明面板后面

---

有什么解决方法吗？

如果我将位置设置到窗口的上半部分，然后在底部（10-30毫秒）之后，会出现DomeElement。奇怪的是，每次调整大小后都需要这样做。这对我来说绝对像是一个浏览器错误。