手机版
当需要将网站变灰色来表达平台的哀悼时，如今主流CSS代码为
主流方法！网站变灰色的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及以上，可以使用下方代码，效果如QQ腾讯网这样，可以用一个灰色层模拟一下
<div style="position:fixed; z-index:999; width:100vw; height:100vh; left:-100vw; outline: 101vw solid rgba(100,100,100,.7);"> </div>
效果如下图：
