一般在清明節，全國哀悼日，大地震的日子，以及一些影響力很大的偉人逝世或紀念日的時候，身為站長的我們都會讓自己的網站的全部網頁變成灰色（黑白色），以表示我們對逝者的悼念。那么今天就說說，通過幾行簡單的代碼，來實現這個功能。
第一種：修改CSS文件
我們可以在網頁的CSS文件中添加以下的CSS代碼，來實現網頁黑白色，也就是網站變灰
CSS代碼
html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);}
第二種：在網頁的<head>標簽內加入以下代碼
如果你不想改動CSS文件，你可以通過在網頁頭部中的<head>標簽內部加入內聯CSS代碼的形式實現網站網頁變灰
代碼
<style type="text/css"> html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}</style>
or
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
有一些站長的網站可能使用這個css 不能生效，是因為網站沒有使用最新的網頁標准協議
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
請將網頁最頭部的<html>替換為以上代碼。
第三種：修改<html>標簽加入內聯樣式
如里上面的兩種方式都不喜歡，可以通過修改<html>標簽，以加入內聯樣式的方法，達到網頁變灰的效果
代碼
<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);">
第四種：本人用的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%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter:gray; /*ie9- */}
PS：以上幾種方法，都是通過CSS的濾鏡來控制頁面的顯示而已，唯一不同的就CSS代碼調用的方式。各位，喜歡哪種就自己挖去吧！