如何使网页变灰色

当一些有重大影响力的人逝世或者重要的清明、灾害纪念日等的时候，需要让网页变灰来表示我们对逝者的悼念。

那么怎么实现让网站网页变成灰色呢？

一、网站整体变灰色

使网站所有网页整体都变成灰色，需要在HTML 的head标签里（Wordpress网站需要在使用的主题文件夹下编辑header.php文件）加入如下代码即可：

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

二、网站首页变灰色

把下面的代码，添加到所用主题文件夹内的 functions.php 文件最底部即可：

function nicetheme_global_greyscale() {
    if ( is_home() ){
        echo '<style type="text/css">html{-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>';
    }
}
add_action('wp_head', 'nicetheme_global_greyscale');