網站變灰的方法大全(兼容ie，火狐，360，chrome)

每逢全國哀悼日，不少網站首頁已經變成了灰色表示哀悼。下面整理了幾種讓網頁變灰色的CSS代碼，供各位客戶參考！

方法1：通用方法 支持IE和Chrome

html{    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */    filter: grayscale(100%);    }

方法2：支持IE

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

說明：此方法支持IE，不支持Firefox和Chrome等非IE內核瀏覽器。

方法3：支持IE

body {filter:gray}說明：此方法支持IE，不支持Firefox和Chrome等非IE內核瀏覽器。

提示：雖然這個方法代碼量最小，但是效果卻不好，而且網頁也比較卡。

方法4：同時支持IE和Chrome

html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}說明：此方法支持IE瀏覽器、Safari和Chrome等瀏覽器，但是不支持Firefox瀏覽器。

以上方法均可達到使網站變灰色的效果。