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

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

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

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

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


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


这是从百科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); 
}
【热门文章】
【热门文章】