清明节实现所有网页变灰色

只需要给网站加个滤镜就可以解决，通过几行代码就可以实现网页变灰这个功能。

• 方法一

在common.css中添加：

html {
  filter:grayscale(100%);
  /* 下面这句：IE下的滤镜，如果直接写上面的属性，在IE下是无法实现的，所以需要加上下面这句，括号中是需要的属性 */
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

• 方法二

如果文件较少，也可以在内部样式表中添加：（也可添加内联样式）

<style>
html {
  filter:grayscale(100%);
  /* 下面这句：IE下的滤镜，如果直接写上面的属性，在IE下是无法实现的，所以需要加上下面这句，括号中是需要的属性 */
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
</style>

说到底，以上方法都是修改css样式中的filter，来实现页面变成灰色 ，那么我们来了解下filter这个属性吧。

这个css3的属性以前从来没有接触过,很神奇,属性叫做filter滤镜。
filter 属性定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)，默认值为none。
本次使用到的是grayscale(%)：将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0。