哀悼日网站首页变灰

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