简单实现网站全站变灰的CSS代码

当我们需要把网站变成灰色的时候应该如何操作呢？我们可以在style样式表中添加如下两种CSS代码其中的一种来实现。

CSS代码一

html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}

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,#grayscale"); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
-webkit-filter: grayscale(1);
}