停止 chrome 和 opera 中的渐变闪烁？答案

【问题标题】：Stop gradient flickering in chrome and opera?停止 chrome 和 opera 中的渐变闪烁？
【发布时间】：2015-02-03 16:53:34
【问题描述】：

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

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

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

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

【问题讨论】：

“闪烁”到底是什么意思？你是不是把所有vendor prefixes?都包括在内了，没有样本sn-p，这是不可能明确回答的。
我确实包含了所有供应商前缀，但这不是重点，因为即使我使用 .svg 也会发生这种情况。除非我需要在 .svg 上使用前缀？我不知道该怎么做，但如果你认为这是一个解决方案，请告诉我如何实现它。谢谢。
抱歉，忘记回答您的第一个问题。 “闪烁”，如快速变化的亮度，类似于频闪灯。
请告诉我如何实现它 我想给你什么建议？您没有提供示例、可行的演示或任何可以真正帮助我们帮助您的东西！

【解决方案1】：

这是 known problem 在某些 Mac 笔记本电脑上使用 chrome。这似乎与他们的屏幕是如何构建的有关。有关 LCD 结构如何导致其在特定条件下闪烁的更多信息，请参阅this article。

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

【讨论】：

【解决方案2】：

我也有同样的问题。我用谷歌搜索它，因为它只在谷歌浏览器中显示，发现问题与我的 macbook pro mid 2012 13" 屏幕或 intel hd4000 内部显卡造成损坏有关（没有人知道该怪谁）

【讨论】：

为了改进您的答案，请使用正确的格式/样式。此外，有关您如何解决此问题的任何其他详细信息都会非常有帮助。
我没有解决问题，因为它与硬件有关。感谢您对我投反对票；）这是对我的问题的完整解释：code.google.com/p/chromium/issues/detail?id=226753