非IE浏览器下让界面变灰色

    今天哀悼日,大家先默哀一分钟~~~~
    按照惯例,网页都得变灰色,IE下可以用下面的CSS解决:

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }   

    但是非IE浏览器无效,群里有个朋友发了个网址,是E文的,上面写着如何在非IE浏览器下页面变灰色,是用JS来解决的,网址如下:http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/
    使用如下:

    <script src="js/grayscale.js" type="text/javascript"></script>     <script type="text/javascript">         window.onload = function() {         grayscale(document.getElementsByTagName('html'));         };     </script>

经自己测试发现,虽然页面是变灰了,不过变灰的反映过程好慢,估计应该是系统资源消耗过大了,还有变灰后有些图片是显示不出来的
上面那个JS代码下载:http://niunan.net/download/grayscale.js

撸码:复制、粘贴,拿起键盘就是“干”!!!
原文地址:https://www.cnblogs.com/niunan/p/1716937.html