利用CSS样式将网页变黑白色效果

openjq

网页变黑白是一种用来表达哀思的方法，国内各大网站为了表示对遇难同胞的哀悼，就会在特定的时间将网站改为灰色调。如果您是网站管理员或者博客博主，遇到需要哀思的时候也可以将自己的网站改成黑白风格。

下面来分享下使网站变成灰白色调，哀悼风格界面的代码：
1、这段代码是兼容IE7~~IE9的代码。

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

2、这段代码使用的是CSS3的grayscale滤镜

filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);