一段简单实用的网站全站变灰代码

在一些特殊的日子里，我们想要把自己网站的全部页面变成灰色该怎么操作呢？其实现在很多网站程序都自带全站变灰功能，即使没有，一些程序也可以通过安装插件来实现，我们只需到网站后台开启即可。但对于一些站点都无法通过上述方式来让全站变灰该怎么办呢？其实也很简单，我们只需一段简单的代码也可以实现网站全站变灰。

一、如果你的网站后台支持自定义CSS，只需把下面的代码复制进去，就可以让网站的全部页面变成灰色。

/*网站整体灰白开始一*/
body {
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
}
/*网站整体灰白一结束*/

二、如果后台没有自定义CSS，可以在你网页的CSS文件中添加下面的CSS代码，来实现网站全站变灰。

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

三、如果你不想修改网页CSS文件，也可以通过在网页头部中的标签内部加入内联CSS代码来实现网页全站变灰，代码如下。

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

以上就是网站全站变灰的代码，喜欢哪种方式，请自行研究，小编认为第三种方式比较实用，想要全站变成灰色，就把代码复制到网页头部文件（header）中，如果只想首页变灰，只需把代码复制到首页文件（index）中。注意，有些程序可能需要清除网站缓存才能生效，修改好以后记得清除一下。