CSS filtre de flou ne fonctionne pas sous Firefox et IE 10, toutes les solutions de rechange?

Je suis en utilisant ce code CSS pour blur effet:

.blur{
-webkit-filter : blur(5px);
-moz-filter    : blur(5px);
-o-filter      : blur(5px);
-ms-filter     : blur(5px);
filter         : blur(5px);
opacity        : 0.4      ;
}

et la blur fonctionne très bien dans Chrome, mais rien ne se passe dans Firefox ou IE 10.

J'ai aussi essayé cet exemple http://jsbin.com/ulufot/31/edit mais pour IE 10, aucune n'a fonctionné.

J'ai besoin de quelques conseils, en ce moment, parce que je suis runing d'idées...

Je pense que Firefox n'est toujours pas en charge CSS3 filtres j'ai peur 🙁
pour les FF, je pourrais utiliser svg à base de filtre (voir le lien dans ma question). mais je n'ai toujours pas une solution de travail pour IE.
IE10 prend également en charge le format SVG filtres - mais pas pour les non-contenu SVG
Firefox35+ prend en charge l'attribut flou

OriginalL'auteur derei | 2013-08-25

  1. 6

    CSS3 filtres ne sont pas pris en charge dans IE10 ou Firefox (v. 23), et le support est inconnu pour les navigateurs dans un avenir proche.

    Ont un coup d'oeil: http://caniuse.com/#feat=css-filters

    Vous pouvez utiliser Modernizr pour vérifier CSS support de filtre et de secours à une image d'arrière-plan si pas pris en charge.

    OriginalL'auteur micjamking

  2. 2

    Vous pouvez également utiliser des filtres svg mais tu ne peux pas les animer atm sur firefox et ie10.

    http://demosthenes.info/blog/534/Crossbrowser-Image-Blur

    Vous pouvez utiliser un flou combiné avec un pseudo-élément avec l'arrière-plan de celle du parent à l'aide de -moz-element et le filtre SVG pour de faux une décoloration de flou.
    Le lien ne fonctionne pas.
    thenewcode.com/534/Cross-browser-Image-Blur-with-CSS

    OriginalL'auteur Dtnand

  3. 1

    J'ai pensé que je devais partager ma solution à ce problème. Mon low-tech solution est de forcer la charge de l'img à très basse résolution c'est à dire width=20px et puis étirer l'image pour l'adapter à l'intérieur d'un div. IE va étirer l'image et flou de l'image.

    OriginalL'auteur Kristian Svensson