停止 Chrome 和 Opera 中的渐变闪烁？

Question

我正在为我的网站背景使用渐变。在 safari 和 firefox 中看起来不错，但在 chrome 和 opera 中闪烁很严重。我在其他网站/帖子上读到过有关 chrome 的条带和抖动问题的信息。我尝试过使用 CSS 来渲染渐变，也尝试过使用 svg 来渲染。两者都有相同的闪烁结果。

我可以编写代码来强制 chrome 和 opera 像 safari 或 firefox 一样渲染渐变吗？

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

PS 我的渐变是 90 度（从左到右）#66cccc 到 #349A9A。我不知道颜色是否有任何区别，但如果可以解决问题，我愿意稍微调整一下。

Answer 1

这是某些 Mac 笔记本电脑上 chrome 的一个已知问题。这似乎与他们的屏幕构建方式有关。有关 LCD 结构如何导致其在某些条件下闪烁的更多信息，请参阅本文。

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