按照惯例,网页都得变灰色,IE下可以用下面的CSS解决:
- html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
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>
<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
所有评论(0)