如何將彩色網頁變成黑白色的？（給頁面加上一個灰度的濾鏡）

明天4月4日會舉行全國性哀悼活動，小夥伴須要將彩色網頁都變成黑白的，代碼以下：

<style type="text/css">html {-webkit-filter: grayscale(100%);}</style>

上面的 CSS 代碼可能只對主流瀏覽器支持，若是你須要支持 QQ 瀏覽器、360 瀏覽器、IE 瀏覽器等等其餘瀏覽器須要使用下面這段：

<style> html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none; } </style>

filter 是濾鏡的意思，filter:gray 的意思就是說給頁面加上一個灰度的濾鏡，因此 html 裏面的全部內容都會變成黑白的了。不過這個濾鏡對於 chrome 和 safari 瀏覽器是無效的，因此下面會有一行-webkit-filter: grayscale(100%);這個樣式是專屬於使用 webkit 內核的瀏覽器的，意思和 FILTER: gray;差很少，只是寫法不一樣罷了。