Html 模糊效果CSS3 Firefox（linux）

如果用户未注册，我试图在我的照片库上获得模糊效果。 我买了，但只买铬的。在我的Firefox14.0.1（linux）中，我无法让它工作

我的html模板（我在django下开发）

---

任何帮助都将不胜感激。谢谢：）

Gecko不支持

过滤器

属性。它仅适用于IE（

过滤器

）和WebKit（

-WebKit过滤器

）。要在基于Gecko的浏览器（如Firefox）中应用模糊效果，可以使用SVG过滤器。如何对高斯模糊使用SVG过滤器。这些SVG过滤器只在Gecko中工作，因此您仍然需要WebKit&IE的旧代码。

Gecko不支持

过滤器

属性。它仅适用于IE（

过滤器

）和WebKit（

-WebKit过滤器

）。要在基于Gecko的浏览器（如Firefox）中应用模糊效果，可以使用SVG过滤器。如何对高斯模糊使用SVG过滤器。这些SVG过滤器只在Gecko中工作，所以您仍然需要WebKit&IE的旧代码。

这个解释对我更有效

---

这个解释对我更有效

---

谢谢。我试图在没有svg的情况下完成它，但似乎不可能：）谢谢。我试图在没有svg的情况下实现它，但似乎不可能：）

<h2> Gallerie</h2>
<ul class="galeria" id="imagenes">
{% for image in gallery %}
    {% if user.is_authenticated %}
        <a rel="prettyPhoto[gallery]" href="{{image.url}}">
            <img width="120px" height="120px" alt="{{image.comment}}" src="{{image.url}}"/>
        </a>        
    {% else %}
        <img class="blur" alt="{{image.comment}}" src="{{image.url}}"/>
    {% endif %}
{% endfor %}
</ul>

img.blur{
    -webkit-filter: grayscale(0.5) blur(10px);
    filter: grayscale(0.5) blur(10px);
    width:120px;
    height:120px;
}