让网站变灰的CSS代码（支持IE、Firefox和Chrome）

第一种

当遇到一些特殊日子，需要将网站变灰色来表达平台的哀悼时，需要用到让网站变灰的代码，如今主流CSS代码为：

<style>
html{
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
</style>

一般主题都有自定义CSS样式设置页面，只需要将上面的代码放进去保存即可。若没有设置的地方，可以放在网站主题根目录的stly.css文件中。

第二种

以上方法不可用的话，在主题目录的functions.php文件里面添加以下内容

 //网站整体变灰
 function hui_head_css() {
 $styles = "";
 $styles .= "html{overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}";
 if ($styles) {
 echo "<style>" . $styles . "</style>";
 }
 }
 add_action("wp_head", "hui_head_css");

好啦，这就是本期博主分享的内容。