Firefox：带过滤器的SVG背景图像会被栅格化/模糊

Question

我的网站包含一个div，其中包含背景图片的背景图片：100％。容器本身的宽度为100％，底部填充为10％。我不明白为什么我的svg转换为非vektor图像。按比例放大时，它看起来确实很糟糕。我尝试使用非百分比值，但这也不起作用。 preserveAspectRatio也无关紧要。

使用内联图像作为img可以很好地工作，但我想为svg精灵背景位置设置动画。

老实说，我需要一些建议。有解决方法吗？

Answer 1

进入插画家并添加在photoshop中制作的投影。这样，除阴影之外的所有内容都将成为svg，从而产生混合svg文件。工作完美; ）