84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
百度页面如下:
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()
推荐你这篇文章
上面的代码,Firefox、Chrome、IE8/IE7都能实现页面变灰以表示哀悼。
谢谢 @eechen eechen ,IE 确实特殊;
我看filter后面还可以跟很多种其他特效:filter 是css3新属性吗,还是IE 很早之前就有了这个属性了,
推荐你这篇文章