1.滤镜方法
在
中加入:
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} or html{filter:gray}
或者
在引用的css样式表中加入html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
注意事项:(1).IE ONLY,其他浏览器无效,而且IE下占用内存厉害
(2).直接在页面中加入,不支持谷歌浏览器。
2、grayscale法(需jQuery)
调用grayscale.js文件,然后
$(window).load(function () {
grayscale( $(‘body’) );
});
优点:多浏览器支持
缺点:(1). 页面加载完后才对整个页面进行变灰操作;
(2). 在非 IE 浏览器中不支持来自其它域名的网站图片的变灰;
(3). 造成非 IE 浏览器在加载完页面后进行大量 js 计算,该计算负担可以通过仅变灰 img, a 等标签而不是 body 来优化。
3、CssGaga
具体可参考http://dtop.powereasy.net/Item.aspx?id=2463