如何把我們的網站變成黑白色或是灰色
第一種：修改CSS文件
我們可以在網頁的CSS文件中添加以下的CSS代碼，來實現網頁黑白色，也就是網站變灰.(如果是小白站長們，可以把這段代碼和到百度統計放在一起，放之前一定要記得換行隔開）
CSS代碼
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
第二種：在網頁的<head>標籤內加入以下代碼
如果你不想改動CSS文件，你可以通過在網頁頭部中的<head>標籤內部加入內聯CSS代碼的形式實現網站網頁變灰。放到標籤<head>與</head>底部即可。
代碼
<style type="text/css">
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);}
</style>
第三種：修改<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- */
}
第五種：如果您的網站是通過wordpress搭建的，您可以在主題根目錄下的style.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%);
}
聲明：除特殊聲明外本站文檔均由作者原創，轉載請註明出處，原文地址：如何把我們的網站變成黑白色或是灰色