一条css代码实现网站变灰色,追思纪念用

变灰含义

网页变灰一般是为了追思缅怀不在的人,或为了沉痛纪念曾经发生过悲惨的事件。

实现方式

快速实现网页变灰色,只要将以下代码加到公共区域,例如头部或底部模板文件里。

<style> 
 html { 
  -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:none; 
  filter:gray; /*ie9- */
 } 
</style>

补充:如果是单独首页显示灰色,就将代码加到首页模板文件里即可