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

按照惯例，网页都得变灰色，IE下可以用下面的CSS解决：

Js代码

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

 

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

 

    使用如下：

Js代码

<script src="js/grayscale.js" type="text/javascript"></script>     

<script type="text/javascript">  

window.onload = function() {

 grayscale(document.getElementsByTagName('html'));  

 };

</script>  

 

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