下面来分享下使网站变成灰白色调，哀悼风格界面的代码：
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);}
这是从网上搜集到的所有代码中整理得出的兼容性稍微好点的代码，因为之前搜集的代码，有些不顶用，有些虽说是兼容性最佳的却连部分IE都没有其效果。经过几番测试和寻找，得出以下结论：
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
这段代码是兼容IE7~~IE9的代码。
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
这段代码使用的是CSS3的grayscale滤镜
上面的几段代码已经能适应到大部分浏览器了,效果如下
❤如果文章对您有所帮助，就在文章的右上角或者文章的末尾点个赞吧！(づ￣ 3￣)づ
❤如果喜欢比卡丘分享的文章，就给比卡丘点个关注吧！(๑′ᴗ‵๑)づ╭❤～
❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论(请勿发表攻击言论)
拿走,不用谢!!!送人玫瑰,手留余香
