Greyscale Background Css Images

Question

I\'ve searched a lot on the web but I cannot find a cross browser solution to fade a css backgrund image to greyscale and back.

The only working solution is to apply

Answer 1

You can also use:

img{
   filter:grayscale(100%);
}


img:hover{
   filter:none;
}