前端如何用一行代码将网站置灰

如果您发现本文排版有问题，可以先点击下面的链接切换至老版进行查看！！！

前端如何用一行代码将网站置灰

在悲伤的日子里，很多大型网站会把网站整体置灰，或者把首页置灰，怎么做到的呢，肯定不是一个一个来设置，只用在外层容器上加个css即可。

html {
    filter: grayscale();
}

就这么简单。

当然为了更好的兼容性，我们可能需要多写一点。

html {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
  -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
}

本站活泼鲜艳的颜色也置灰了。

file