Firefox中的带状瑕疵CSS3过滤器属性的模糊效果

我正在使用CSS3过滤器属性，并试图在Chrome和Firefox中获得类似的结果，尽管每个浏览器的语法和实现都不同

在Chrome中，我使用以下CSS对图像应用模糊效果：

#chrome blur{
-webkit过滤器：模糊（10px）；
}

在Firefox中，我使用以下CSS应用模糊效果，它引用页面主体中的SVG过滤器

firefox模糊{ 过滤器：url（#模糊）； } 这一切都很好，但是Firefox版本在模糊的图像中显示条带。我想知道我的SVG过滤器是否需要工作，或者Firefox中的算法是否存在问题

---

在MacOS上的完整示例，这看起来很棒，而且没有绑定，所以这似乎只发生在Windows上（至少是Vista）。Firefox在Windows上有一个同样糟糕的渐变实现——所以我怀疑这是因为他们使用的是任何本机图形调用。通过使用filterRes降低滤镜分辨率，可以消除特定图像中最糟糕的带状效果，该滤镜具有在模糊图像之前降低图像采样的效果

<filter id="blur" filterRes="60">

这似乎是个好结果。缺点是，这在MacOS上看起来是像素化的

---

我曾尝试过添加噪波、置换贴图，甚至将多个不同的模糊合成在一起，以及CSS设置，如颜色插值过滤器和图像渲染，但没有任何东西可以修复它，以及将其插入下采样。

filterRes属性确实有助于减少Firefox中的条带。我想知道MacOS是否使用GPU加速，而Windows上的Firefox是否使用。我在Windows7上，MacOS有一个高质量的本地GaussianBlur API，所以我确信在MacOS上所有的浏览器都会调用它。窗户，没那么多。