今天是国家公祭日，想要把页面变成黑灰色显示，之前用Nginx的http_sub_module模块很简单就实现了，但是那是10年的代码，经过测试，现在的浏览器已经不支持了，于是在网上找了替代方案，如下：
- css代码,支持ie firefox chrome等webkit核心 Opera
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -webkit-filter: grayscale(1); filter: gray; /* For IE 6 - 9 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ -moz-filter: grayscale(100%); /*待定*/ -ms-filter: grayscale(100%); /*待定*/ -o-filter: grayscale(100%); /*欧朋有什么解决办法?*/ } - Nginx的http_sub_module模块
# 1. Make sure you have nginx sub module compiled in # nginx -V 2>&1 | grep --color=always '\-\-with\-http_sub_module' # 2. add two directives below at HTTP level # nginx.conf http { # ...... sub_filter '' ''; sub_filter_once on; # ...... } # 3. nginx -t && /etc/init.d/nginx reload写的比较简单，有不明白的同学可以邮件问我。
