位置: 首頁 > 設計 > 網頁設計

讓網站變灰的css程式碼例項

2016-11-16 網頁設計

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

使用方法:

標籤:CSS 變灰 例項 程式碼 網站
2016-07-23
2016-11-11
2017-12-16
2014-10-29
2016-05-04
2016-11-11
2014-11-24
2016-11-17
2016-05-08
2015-09-28

Copyright ©2024 才華齋 All Rights Reserved.