共計 568 個字符，預計需要花費 2 分鐘才能閱讀完成。

讓整個網頁灰色，或者是變成黑白色，這種情況一般是在特殊時期才會出現，比如某某人的離世發布訃告，或者國內發生重大事件，如地震海嘯等自然災害，這個時候很多網站的站長便將網頁設置成灰色以示悼念。那網頁這種方法是怎么實現的呢？下面隨橘子君一起來了解一下吧。

實現代碼

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 文件，站長只需將以上代碼加入到網站的 style.css 文件中保存即可。在此步驟之前建議先做好備份，當網頁想取消黑白色調的效果時，站長可以將該段代碼注釋掉即可，這樣也方便下次可隨時啟用。

效果展示