以灰度顯示html頁面

Question

我在尋找最簡單的方法讓我的頁面以灰度顯示。

我找到了插件（http://james.padolsey.com/demos/grayscale/），但它有一些缺點，例如。它不能很好地處理背景圖像。

你知道這個工具的任何替代品或更新嗎？

Answer 1

您可以嘗試使用過濾器的工作： http://www.html5rocks.com/en/tutorials/filters/understanding-css/

但這可能無法在所有的瀏覽器，肯定不會在舊的工作。

Answer 2

如果你想要一個跨瀏覽器的解決方案，你可能不得不依賴於JavaScript

這裏的一些解決方案，I got as answer to one of my questions：

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

我已經使用Grayscale.js它對我很好，但你可以嘗試其他三個。