如何使用CSS将彩色图像转换为灰色或黑白图像，如website？
可以单独使用CSS还是需要JavaScript（jQuery）？
感谢。
修改
谢谢你的回答。我注意到诀窍是制作两种不同的彩色图像 - 一种是全彩色，另一种是黑白。我希望这可以在一张图片中完成。所以没有办法做到这一点，除了'技巧'??
答案 0 :(得分：2)
为了让它看起来非常甜蜜，使用jQuery并在两者之间淡出，请Soh Tanaka查看本教程。 （我看起来这个网站做了本教程的变体。）
然而，您可以通过创建图像精灵并更改背景位置来执行此操作：hover
答案 1 :(得分：2)
您也可以尝试此jquery plugin greyScale
效果可以用一张图片完成。
编辑：我也推荐Gianluca Guarini的Black and white jQuery plug in： 这更容易修改css。答案 2 :(得分：1)
在我的回答中，我只处理图像创建。
在您的情况下，您最好使用Photoshop（等）手动预渲染去饱和图像。
如果您不想手动预渲染去饱和图像，我建议您使用PHP（或您使用的任何服务器端语言）来执行此操作。
如果这不是一个选项，您可以使用JavaScript制作去饱和图像，请参阅：
答案 3 :(得分：1)
您可以使用canvas：http://spyrestudios.com/html5-canvas-image-effects-black-white/
来完成在IE中，你需要像ExplorerCanvas这样的东西：http://excanvas.sourceforge.net/