更新:感謝各位的回復和完善。寫的時候比較趕,沒考慮全兼容性。對大家有用就好!
感謝,@月涯,這個比較完善了:
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網易、微博。