讓整個網頁(LOGO圖片)色調全部變灰的方法(CSS寫法)


更新:感謝各位的回復和完善。寫的時候比較趕,沒考慮全兼容性。對大家有用就好!

感謝,@月涯,這個比較完善了:

html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}

===================

如何使整個網站網頁變成灰色(包括LOGO和圖片)?

四川雅安今天早上8:02分發生了7.0級地震。為了向地震災區的死難者表示哀悼,將網站色調改為灰色是主要網站向地震等災難表示哀悼的主要方式。今天晚上主要大網站已經陸續將網站的LOGO和網站的色調變成了灰色。包括LOGO、網站的圖片等都變成了灰色。其實要將整個網站變成灰色調很簡單,只需要一句CSS定義即可。

要將整個網站變成灰色調,你不用去一張一張改圖片的色調。只需要在CSS文件的html節點上添加下面一條定義即可:

html {-webkit-filter: grayscale(100%);}

加上上面這一條,就不用你去一張一張調圖片的顏色了。此方法對主要瀏覽器都有用。

已經將網站調為灰色(LOGO和首頁的圖片)的網站有:淘寶、163網易、微博。

原文出處:http://www.techolics.com/jquery/20130420_338.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM