使用内联svg的Firefox不能使用Css图像模糊

Question

图像模糊效果仅适用于Chrome。

不适用于Firefox，

我想知道如何修复我的代码以显示Firefox上的模糊效果？

我参考了这篇文章，但它似乎没有用。

filter:blur for mozilla firefox <svg> not working

HAML

#slider
  #slider-container
    %img.blur{:alt => "", :src => asset_path("lms/images/light_bg.jpg")}/

CSS

img.blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    filter: url(blur.svg#blur);
}