观察网站页面变灰

选择一个网站 ，比如 淘宝 吧，打开浏览器开发者工具。

审查一下网页的源代码，发现在 html 的这个地方多了一个疑似的 属性，叫做 grayscale 中文叫灰度。

 

 

将其取消发现网页还原为原色，

 

 

 

 

 

果然是这个 html 样式起了全局的效果，在看看其他网站，博客园

body {
    filter: grayscale(90%);
}

是上面这行 也是作用在全局范围内的

又看了几个也是同样，例csdn

html {  -webkit-filter: grayscale(100%);    
　　　　-moz-filter: grayscale(100%);    
　　　　-ms-filter: grayscale(100%);    
　　　　-o-filter: grayscale(100%);    
　　　　filter: grayscale(100%);    
　　　　filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
于是我就去搜索了filter 这个样式
 MDN 的官方介绍，其链接为：https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter
发现很给力