如果遇上需要让网站变灰色，作为站长的我们该怎么做

看到标题，当然如果你是web程序员童鞋，可以绕道了，这只是总结的一些技巧而已，一般在全国哀悼日，大地震的日子，清明节，我们都会让自己的网站全站灰色，以表示对 逝者的悼念。好了言归正传。

如果遇上需要让网站变灰色，作为站长的我们该怎么做

让网站变灰色，只需要一段代码就可以，当然方法有如下几种：

写入.css文件请用

网页黑白代码外部样式

*写入.css文件请用

html{

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter:grayscale(100%);}

网页黑白代码内部样式

写入头部head标签里面

<styletype="text/css">

<!--html{

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter:grayscale(100%);}-->

</style>

网页黑白代码内联式

写入html标签，找到html

<htmlstyle="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);">

网页黑白代码QQ群空间版，针对大部分主流浏览器

*写入.css文件请用

html{-webkit-filter:grayscale(100%);

-moz-filter:grayscale(100%);

-ms-filter:grayscale(100%);

-o-filter:grayscale(100%);

filter:grayscale(100%);

filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

}

如上几种都可以达到我们想要的效果，根据你的网站结构不同用不同的方法就可以。

本文出自今日头条！文章由甲爪cpa联盟（www.jiazhua.com）整理编辑！