html 页面设置为灰色样式

相信各位网站开发者，都会遇到在一些特殊时期，需要将网站设置特殊颜色，本次介绍的是，如何将网站整站页面设置为灰色。

一开始在网上搜索以及和后端同事沟通解决方案，得到一些答案，设置一个灰色的蒙层，但这样做存在弊端，设置蒙层后，页面上的按钮以及超链接a标签，都无法进行操作。

和前端同事沟通后，得到最佳解决结果，仅需要设置全局样式即可。

具体样式如下：

html { 
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

使用以上代码即可实现将网站设置为灰色。

推荐使用的在线小工具：爱工具

推荐文案：你说的永远，不过是永不可能得到的长远。