网页灰色CSS代码，如何把网页变成灰色

1、直接body中加入代码即可

实现这种效果很简单，只需要将css代码：filter: grayscale(100%);放到body元素里面的style=“”中间就OK了，根本就不需要用到什么网站变灰的插件。如下图所示：

2、直接在网站的css样式文件中加入下面的代码

/*网站变灰*/ html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%);-o-filter: grayscale(100%); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;}

或者使用下面的代码，推荐上面的代码

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