非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