您看到的差异是抖动。Safari 会抖动渐变，Chrome 不会。我不相信有一种方法可以启用或禁用两者的抖动。

抖动是一种有意应用的噪声形式，用于随机化量化误差，防止图像中出现诸如色带之类的大规模模式。

http://en.wikipedia.org/wiki/Dither

不幸的是，这意味着您可能必须使用图像。如果您决定将重复图像用于渐变，请确保留出足够的宽度或高度以使抖动正常工作。通常抖动需要大约 10-20 像素才能看起来不重复。

我注意到，如果您使用 GPU 渲染包含渐变的元素transform:translateZ(0)，它会渲染得更平滑，不是完美，而是更平滑。