通过css让网页颜色变灰白色，默哀

网上搜索到以下三种方式：
1、第一种* 增加css样式

* {
    filter: gray;
    color: gray;
}

2、第二种增加html标签css样式

html {
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

3、第三种增加body标签css样式

body {
    -webkit-filter: grayscale(100%);
}

使用浏览器为qq浏览器、Edge浏览器
三种方法分别添加在css文件中，只有第三种方法成功

大家有使用前两种方法成功的吗？
或者还有哪些方法可以做到网页默哀呢？
请留言交流哦~

前两种方法无变化
第三种方法结果：


新增第四种，亲测好用

<!-- CSDN的变色代码 -->
html{
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
————————————————
版权声明：本文为CSDN博主「jiuyisir」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/jiuyisir/article/details/105386092

新增第五种，亲测好用

<style>
	html{
		filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
		-webkit-filter: grayscale(100%);
		filter: gray;
	}
	body{
		background: none;
	}
</style>
版权声明：本文为CSDN博主「jiuyisir」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/jiuyisir/article/details/105386092

第六种

html{
    /* -webkit-filter: grayscale(100%); */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    /* filter: grayscale(100%); */
    -webkit-filter: gray;
    filter: gray;
    -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
}