我们为死难者哀悼时候,都会把网站调到灰色,如何快速实现呢,以下介绍两种方法
方法一 :
html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
方法二:
在引人的页面导入grayscale.js文件,例如
<script type="text/javascript" src="js/grayscale.js"></script>
然后
<script type="text/javascript">
window.onload = function(){
grayscale(document.html);
}
</script>
grayscale.js下载地址 http://james.padolsey.com/demos/grayscale/grayscale.js
本人在IETester工具下,测试IE7/8/9均支持,IE6不支持,XP系统真实IE6环境下没测试过!
采用webkit的Chrome支持(需要Chrome 18.0.976版本以上),其他采用webkit引擎的浏览器没测试过,只要采用最新webkit nightly版本均支持