百度页面如下：
https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E5%A4%A9%E6%B4%A5%E7%88%86%E7%82%B8%E8%87%B4112%E6%AD%BB&rsv_idx=2
变为灰色了，IE8及以下还是彩色，未起作用。
有没有熟悉filter属性的大神，给详细介绍下它的兼容性及使用注意事项，我看grayscale(100%)还有grayscale(1)。
欢迎选择我的课程，让我们一起见证您的进步~~
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>赴汤蹈火英雄壮举照日月，舍生忘死烈士忠魂耀乾坤。</title> <style> html { filter: grayscale(1); -webkit-filter: grayscale(1); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } </style> </head> <body> <h1>赴汤蹈火英雄壮举照日月，舍生忘死烈士忠魂耀乾坤。</h1> <img src="http://i.guancha.cn/news/2015/08/16/20150816185340908.jpg"> </body> </html>
上面的代码，Firefox、Chrome、IE8/IE7都能实现页面变灰以表示哀悼。
谢谢 @eechen eechen ,IE 确实特殊；
我看filter后面还可以跟很多种其他特效：filter 是css3新属性吗，还是IE 很早之前就有了这个属性了，
blur() brightness() contrast() drop-shadow() grayscale() hue-rotate() invert() opacity() saturate() sepia() url() custom()
推荐你这篇文章
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
上面的代码，Firefox、Chrome、IE8/IE7都能实现页面变灰以表示哀悼。
谢谢 @eechen eechen ,IE 确实特殊；
我看filter后面还可以跟很多种其他特效：filter 是css3新属性吗，还是IE 很早之前就有了这个属性了，
推荐你这篇文章