今天是国家公祭日,想要把页面变成黑灰色显示,之前用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
写的比较简单,有不明白的同学可以邮件问我。