将网站修改为黑白界面

使用grayscale.js ，将网站界面修改黑色页面效果。接到需求后，尝试网站的一些办法，但是不支持IE浏览器。后续利用grayscale.js并在该文件后面添加判断IE浏览器，js动态创建style样式。希望有所帮助。

 var navStr = navigator.userAgent.toLowerCase();
    if(navStr.indexOf("msie 10.0")!==-1||navStr.indexOf("rv:11.0")!==-1){ // 判断是IE10或者IE11
        grayscale(document.body);
        grayscale(document.getElementsByTagName("img"));
        document.getElementsByTagName('body')[0].className = 'bodyGrey'; //加类名
    }

var style = document.createElement("style");
   style.type = "text/css";
   style.innerHTML="body {filter:gray;filter: grayscale(100%);-webkit-filter:grayscale(100%);filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}"
   style.id="addStyle"
  document.getElementsByTagName("HEAD").item(0).appendChild(style);