html中设置网站全局颜色为黑白

html中设置网站全局颜色为黑白

Elements，html中添加

html, html *{
	filter: gray !important;
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%); 
}

屏蔽IE10、11版，且支持弹窗版

	<!-- 特殊日子浏览器 全站灰色 -->
    <style>
    html {
        filter gray !important;
        filter progidDXImageTransform.Microsoft.BasicImage(grayscale=1);
        filter grayscale(100%);
        -webkit-filter grayscale(100%);
        -moz-filter grayscale(100%);
        -ms-filter grayscale(100%);
        -o-filter grayscale(100%); 
    }
    </style>
    <script>
      function IEVersion() {
        var userAgent = navigator.userAgent; 取得浏览器的userAgent字符串
        var isIE = userAgent.indexOf(compatible)  -1 && userAgent.indexOf(MSIE)  -1; 判断是否IE11浏览器
        var isEdge = userAgent.indexOf(Edge)  -1 && !isIE; 判断是否IE的Edge浏览器
        var isIE11 = userAgent.indexOf('Trident')  -1 && userAgent.indexOf(rv11.0)  -1;
        if(isIE) {
          var reIE = new RegExp(MSIE (d+.d+););
          reIE.test(userAgent);
          var fIEVersion = parseFloat(RegExp[$1]);
          if(fIEVersion == 7) {
            return 7;
          } else if(fIEVersion == 8) {
            return 8;
          } else if(fIEVersion == 9) {
            return 9;
          } else if(fIEVersion == 10) {
            return 10;
          } else {
            return 6;IE版本=7
          }
        } else if(isEdge) {
          return 20;edge
        } else if(isIE11) {
          return 11; IE11
        }else{
          return -1;不是ie浏览器
        }
      }
      var version = IEVersion();
      if(version !== -1 && version = 10){
        setTimeout(function () {
          document.body.innerHTML = 'div style=text-align center;padding-top 20%;font-weight bold请采用其他浏览器访问，以保证本系统正常使用div'
        },1500)
      }else if(version == 11) {
          setTimeout(function () {
              document.body.innerHTML = 'div style=text-align center;padding-top 20%;font-weight bold请采用其他浏览器访问，以保证本系统正常使用div'
         },1500)
      }
    </script>
    <!-- 特殊日子浏览器 全站灰色 -->

网上搜的多功能设置灰色
还有定时器设置灰色