Cross browser black and white CSS filter?

Question

css

How to make a cross browser black and white image filter with CSS? None of the found snippet gives a result. The fragment below only works in the new Opera, in Firefox in general, instead of pictures, there is an empty space.

img
{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

Answer 1

demosthenes.info/blog/532/Convert-Images-To-Black-...
And read the note about IE10+

Answer 2

labs.voronianski.com/css3-grayscale