哀悼日，页面变为黑白的效果，适用ie11

需求是要对谷歌浏览器和ie11浏览器实现黑白的效果

搜索了很多文章，做个记录；

1、谷歌浏览器中正常只需要加入以下代码：

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

2、因为filter不兼容ie11，所以html中可以加上如下代码

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9,chrome=1" />

让ie11浏览器以ie9的模式打开；

在样式中添加如下代码便可以解决：

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