84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
百度页面如下：
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>
With the above code, Firefox, Chrome, and IE8/IE7 can all turn the page gray to express condolences.
Thank you @eechen eechen, IE is indeed special;
I see that filter can be followed by many other special effects: Is filter a new attribute of CSS3, or has this attribute existed in IE a long time ago?
blur() brightness() contrast() drop-shadow() grayscale() hue-rotate() invert() opacity() saturate() sepia() url() custom()
Recommend this article to you
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
With the above code, Firefox, Chrome, and IE8/IE7 can all turn the page gray to express condolences.
Thank you @eechen eechen, IE is indeed special;
I see that filter can be followed by many other special effects: Is filter a new attribute of CSS3, or has this attribute existed in IE a long time ago?
Recommend this article to you