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

明天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;差不多，只是寫法不同罷了。