✔ -moz-filter:grayscale funktioniert nicht

[der_Renner]

Hallo,

mir ist soeben aufgefallen, dass die Filter-codes bei mir nicht ganz funktionieren.
Das .wrapper img ist ein buntes Bild, das ich mit dem grayscale grau machen möchte und bei :hover wird's wieder bunt

Folgender CSS-Code:

.wrapper img { height:85px; width:85px; border:1px solid #c0c0c0;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}

.wrapper img:hover { border:1px solid #4e4e42;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%); }

im Chrome funktioniert alles einwandfrei - also das Fade-in und Fade-out von Grau auf Bunt

Im Opera und Mozilla ist das Bild immer Bunt und das Fade-in und Fade-out funktioniert nur mit dem border.

Hab ich irgendwo einen Denkfehler?

 

[CPoly]

http://caniuse.com/#search=css filter

 

[der_Renner]

DANKE für die schnelle Antwort & Hilfe!
... jetzt ist's mir natürlich klar, warum das nicht funktioniert