让网站变灰的CSS代码

让网站变灰的CSS代码（支持IE、Firefox和Chrome）

当需要将网站变灰色来表达平台的哀悼时，如今主流CSS代码为

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

以上代码除了IE都支持，也是现在国内主流网站常用的方法，都对被嫌弃的IE没做特别处理了因为今年微软已经停止对IE支持更新，力推Edge浏览器， Win平台下的浏览器至此也与Chrome一致了。上方代码轻便易用，放在需要灰掉的页面即可。建议放在<head>里。

支持IE9及以上

如果确定要兼容IE9及以上，可以使用下方代码，效果如QQ腾讯网这样，可以用一个灰色层模拟一下。

<div style="position:fixed;
z-index:999;
width:100vw; 
height:100vh; 
left:-100vw; 
outline: 101vw solid rgba(100,100,100,.7);"></div>