每当全国哀悼日或某些纪念日到来时,身为站长的我们都会把自己的网站全部网页变成灰白色,这个小小的举动能够向访问者传达我们对逝者的悼念之情。那么今天就通过几行简单的代码,来实现这个功能。

在Typecho主题的目录中找到style.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);
}

如果只想首页变灰,内页仍保留颜色,只需把下面的代码添加进header.php即可。

<?php if ($this->is('index')) : ?>
<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>
<?php endif; ?>