使网站变灰的方法大全(兼容ie，火狐，360，chrome等浏览器)

全国哀悼日使网站变灰的方法大全(兼容ie，火狐，360，chrome)

每逢全国哀悼日，如四川雅安芦山发生7.0级别大地震，不少网站首页已经变成了灰色表示哀悼。下面百万站整理了几种让网页变灰色的CSS代码，供各位站长参考！

方法1：支持IE

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

说明：此方法支持IE，不支持Firefox和Chrome等非IE内核浏览器。

方法2：支持IE

body {filter:gray}

说明：此方法支持IE，不支持Firefox和Chrome等非IE内核浏览器。

提示：虽然这个方法代码量最小，但是效果却不好，而且网页也比较卡。

方法3：同时支持IE和Chrome

html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}

说明：此方法支持IE浏览器、Safari和Chrome等浏览器，但是不支持Firefox浏览器。

方法4：使用grayscale.js插件

使用grayscale.js插件。这个插件是模拟IE的filter:progid方法。

使用方法：

grayscale.js插件源文件：http://cn./js/gray_baiwanzhan.js

window.onload=function(){
grayscale(document.body);
}

说明：支持IE、Safari、Chrome、Opera和Firefox等浏览器。

问题：这个在IE下也挺占资源的。

方法五：

找到你的CSS文件然后修改css代码文件。在以下的文件当中
form,div,span,img,ul,ol,li, {
加入filter: Gray;

百万站建议：使用方法3，虽然不支持更多的浏览器，但是稳定、速度快，而且资源占用小。

以上方法均可达到使网站变灰色的效果，让我们一起为遇难同胞默默的哀悼。