看到標題，當然如果你是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);

}

如上幾種都可以達到我們想要的效果，根據你的網站結構不同用不同的方法就可以。