如果对层叠样式感兴趣的朋友可以阅览下官网的说明文档：
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/filter
除了这些开发样式调整的方法以外，还可以走系统架构角度解决网页的显示问题，通常很多大型网站都用上了反向代理nginx服务器，所有网站访问，都要通过nginx代理去访问到网页内容。
来自baidu
既然这样，统一在nginx服务器上做一些配置也是可行的，之前某大神的博客说“在Nginx负载均衡服务器上，利用sub_filter指令在输出的HTML中增加一行如下代码：
<style type="text/css">html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }style>
nginx配置修改效果如下：
来自csdn
小编到这里就简单介绍了一下哀悼日观察到的网站变灰的实现，也学习了 filter 的更详细的用法，希望能给有相同兴趣的粉丝带来一些帮助。
关注优逸客微信公众号（sx-uek）预约优逸客免费学习名额，在互联网行业找到适合自己学习的技术方向，实现高薪就业！
