Present html page in greyscale

Question

I am looking for the simplest way to make my page appear in greyscale.

I have found plugin (http://james.padolsey.com/demos/grayscale/), but it has some cons, eg. it doesnt handle background images well.

Do you know any alternatives or updates to this tool?

Answer 1

If you want a cross-browser solution, you'll probably have to rely on javascript

Here's some solutions that I got as answer to one of my questions:

• Grayscale.js
• jQuery GreyScale plugin
• Hoverizr
• Do it with canvas (tutorial)

I have used Grayscale.js and it worked ok for me but you could try the other three.

Answer 2

You could try working with a filter: http://www.html5rocks.com/en/tutorials/filters/understanding-css/

but this might not work on all browsers, certainly doesn't work on old ones.