導語: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方,官方網地址在:
使用方法: