哀悼日：网页变灰色CSS代码，网站变灰的方法,兼容火狐,360,chrome等浏览器

网站变灰的方法大全(兼容ie，火狐，360，chrome)

每逢全国哀悼日，不少网站首页已经变成了灰色表示哀悼。下面整理了几种让网页变灰色的CSS代码，供各位客户参考！

方法1：通用方法 支持IE和Chrome

html{    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */    filter: grayscale(100%);    }

方法2：支持IE

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

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

方法3：支持IE

body {filter:gray}说明：此方法支持IE，不支持Firefox和Chrome等非IE内核浏览器。

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

方法4：同时支持IE和Chrome

html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}说明：此方法支持IE浏览器、Safari和Chrome等浏览器，但是不支持Firefox浏览器。

以上方法均可达到使网站变灰色的效果。