Firefox 中的梯度性能不佳答案

【问题标题】：Poor gradient perfomance in FirefoxFirefox 中的梯度性能不佳
【发布时间】：2012-08-29 15:03:45
【问题描述】：

我目前正在开发一个 css3 渐变背景，它在 Chrome 上运行良好，但在 Firefox 上却很糟糕。我注意到这是由于我的 css 中的 background-size 属性所致。有什么方法可以制作出完全相同的背景，但方法不同？

body {
    background: -webkit-linear-gradient(45deg,  #cccccc 0%, #cccccc 25%, #bbbbbb 25%, #bbbbbb 50%, #cccccc 50%, #cccccc 75%, #bbbbbb 75%);
    background:    -moz-linear-gradient(45deg,  #cccccc 0%, #cccccc 25%, #bbbbbb 25%, #bbbbbb 50%, #cccccc 50%, #cccccc 75%, #bbbbbb 75%);
    background-size: 30px 30px:
}

【问题讨论】：

我相信这是 Firefox 中的一个已知错误：请参阅 bug 657603 了解更多信息。
是的！，看起来谢谢..我通过使用带有图案而不是 css 渐变的 png 来修复它（我不想使用 img），所以我建议不要使用 ccs现在渐变
@aXul 如果您的问题不需要帮助，请添加答案并关闭它。

标签： performance firefox css gradient

【解决方案1】：

bug657603

原来这是 Mozilla firefox 上的一个错误...在背景上使用低分辨率渐变图案时性能不佳，正如 Jonah Bishop 所发布的那样

【讨论】：