css - Firefox中渐变效果不佳

我目前正在使用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:
}

最佳答案

bug657603

事实证明，这是mozilla firefox上的一个错误……在背景上使用低分辨率渐变图案时性能不佳，如乔纳·毕晓普（Jonah Bishop）所说