读书人

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

发布时间: 2012-11-23 22:54:33 作者: rapoo

非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

读书人网 >Web前端

热点推荐