停止 chrome 和歌剧中的渐变闪烁?

Stop gradient flickering in chrome and opera?

我正在为我的网站背景使用渐变。在 safari 和 firefox 中看起来不错,但在 chrome 和 opera 中闪烁严重。我读过其他 sites/posts 关于 chrome 的条带和抖动问题。我试过使用 CSS 来渲染渐变,也只是一个 svg。两者都具有相同的闪烁结果。

有没有我可以编写的代码来强制 chrome 和 opera 像 safari 或 firefox 一样渲染渐变?

我试过 -webkit-transform: translateZ(0);有和没有 webkit 前缀。它不能解决问题。还有其他建议吗?

P.S。我的梯度是 90 度(从左到右)#66cccc 到 #349A9A。我不知道颜色是否有任何不同,但我愿意 稍微调整一下 如果这样可以解决问题。

我也遇到了同样的问题。我已经 google 因为它只显示在 google chrome 并且发现问题与我的 macbook pro mid 2012 13" screen 或 intel hd4000 internal graphic card is causing damage 有关(谁也不知道该怪谁)

这是一个known problem on with chrome on certain mac laptops. It seems to be related to how their screens are built. More information about how an LCD's construction can cause it to flicker under certain conditions is found in this article

我对这个问题的经验似乎表明它似乎突然出现了灰色阴影。其他颜色好像没有问题。