performance - Firefox 中的渐变性能不佳

Question

我目前正在研究 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:
}

Answer 1

bug657603

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