关于灰色页面的实现(代码是抄的,请自行测试)

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