非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下载

转载于:https://www.cnblogs.com/SUPERAI/archive/2011/12/05/2276503.html