非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