将网站、网页变成灰白色调的哀悼风格界面的CSS代码

下面来分享下使网站变成灰白色调，哀悼风格界面的代码：

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￣)づ
❤如果喜欢比卡丘分享的文章，就给比卡丘点个关注吧！(๑′ᴗ‵๑)づ╭❤～
❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论(请勿发表攻击言论)

拿走,不用谢!!!送人玫瑰,手留余香