整个页面代码置灰，css设置

全民悲伤的日子，页面置灰的代码。

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

---

补充学习。。。。。。

CSS3的filter（滤镜）属性

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

提示: 使用空格分隔多个滤镜。

注意：Internet Explorer 不支持 filter 属性。

实例：

.blur {//图片使用高斯模糊
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.brightness {//使图片变亮
    -webkit-filter: brightness(0.30);
    filter: brightness(0.30);
}

.contrast {//调整图像对比度
    -webkit-filter: contrast(180%);
    filter: contrast(180%);
}

.grayscale {//
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.huerotate {//给图像应用色相旋转
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
}

.invert {//反转输入图像
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.opacity {//转化图像的透明程度
    -webkit-filter: opacity(50%);
    filter: opacity(50%);
}

.saturate {//转换图像饱和度
    -webkit-filter: saturate(7);
    filter: saturate(7);
}

.sepia {//将图像转为深褐色
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
}

.shadow {//给图像设置一个阴影效果
     -webkit-filter: drop-shadow(8px 8px 10px green); filter: drop-shadow(8px 8px 10px green);
 }