核心提示：之前做天津市滨海新区规国局官网时，客户提到这么个需求，就是在遇到突发事件时，例如遇难事件，网站能变成灰色以示对逝者的哀悼。比如汶川地震时、滨海新区大爆炸时...然后搜索了各个资料，经过修改css代码，...
之前做天津市滨海新区规国局官网时，客户提到这么个需求，就是在遇到突发事件时，例如遇难事件，网站能变成灰色以示对逝者的哀悼。比如汶川地震时、滨海新区大爆炸时...
然后搜索了各个资料，经过修改css代码，能够使用ie6+各种浏览器...
下面是分享代码：
<style type="text/css">
html,body {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
}
</style>
/**支持IE6以上和Webkit浏览器(Chrome 18+, Safari 6.0+, and Opera 15+)**/
