讓網站變灰的css代碼實例

導語：css的功能已經比較完善，簡簡單單的就要可以讓網站變成灰色，但是，你自己會做嗎？下面的'是本站小編為大家蒐集的讓網站變灰的css代碼實例，供大家參考。

方法1：支持IE

html{filter:progid:cImage(grayscale=1);}

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

方法2：支持IE

body {filter:gray}

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

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

方法3：同時支持IE和Chrome

html {overflow-y:scroll;filter:progid:cImage(grayscale=1);-webkit-filter: grayscale(100%);}

説明：此方法支持IE瀏覽器、Safari和Chrome等瀏覽器，但是不支持Firefox瀏覽器。

方法4：使用插件

使用插件。這個插件是模擬IE的filter:progid方，官方網地址在：

使用方法：