通常在国难日、重大哀悼日当天,以及一些有影响力的大人物去世或周年纪念日,作为站长,我们都会把网站的所有页面做成灰色(黑白),以表达对逝者的哀思,那么今天我们就来说说,用几行简单的代码,来实现这个功能。
第一种:修改CSS文件实现网站变灰效果
<!-- 定义html灰色样式 -->
html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%); }
<!-- 或者定义body灰色样式 -->
body *{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter:gray; }
第二种:<html>加入内联样式使网站变灰
<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);">
第三种:在网页头部的<herd></herd>标签内加入以下代码,使网站变灰
<style type="text/css">
html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
</style>
三种方法,各凭所爱,喜欢怎么折腾怎么来。网站变灰也是站长对国难日哀悼日的尊重和逝者的缅怀。