百度页面如下:
变为灰色了,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都能实现页面变灰以表示哀悼。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。