如何修复背景图像上的Chrome条带

Question

我想要一个径向渐变背景。由于我无法使用指南针实现所需的外观，因此我决定使用SVG图像。输出：

background: url(/images/background.svg) no-repeat center center fixed
background-size: cover

在Safari，Firefox，Safari Mobile和Chrome Mobile中看起来很棒，但在Chrome中却看不到。绑扎！

所以我决定以不同方式处理Chrome，在通过jQuery加载页面后，将背景图像插入PNG或JPG。所以我创建了那个图像：

我在Safari，Firefox，Safari Mobile和Chrome Mobile中打开了图像，看起来非常不错，但是当我在Chrome中打开它时，它看起来非常糟糕。

我在OSX上使用最新的Chrome 25.0。任何人都可以解释一下，为什么Chrome在image上如此悲惨地失败了？