怎么把一整个网页(包括图片)都变成黑白的

Question

比如说今天姚贝娜的百度百科
http://baike.baidu.com/view/166348.htm

我稍微看了一下，跟原来的页面肯定是一个页面，图片也是彩色的，只不过显示出来的是黑白的。 所以很可能只是加了一两句代码而已。

我不是搞前端的，对这个不是很了解，挺好奇的。

---

试了一下回答中的css，果然成功了，不知道这是css还是浏览器提供的特性，有点厉害啊

Answer 1

这是从百科copy出来的CSS代码，针对于不同的浏览器要有不同的css

html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"/></filter></svg>#grayscale"); 
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: gray;
-webkit-filter: grayscale(1); 
}

Answer 2

ie不同意