當(dāng)遇到全國哀悼日【吊念地震、疫情等】，很多網(wǎng)站管理員，都想做點什么，表示自己的行動，很多站長，都會把網(wǎng)站變成黑白灰，以表示自己對事件的哀悼！可以通過CSS代碼簡單實現(xiàn)。下面分享一行代碼實現(xiàn)整個網(wǎng)站網(wǎng)頁編程黑白灰色的效果，主要是通過修改 CSS 的方式實現(xiàn)的（如果想要全站去彩色、最好放到基礎(chǔ)公共的css文件中全局引用）

以下代碼其實合并在一行就可以，所以標(biāo)題的一行代碼并沒有什么問題。但是下面代碼分成多行，為了方便大家閱讀和理解。

<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>

把代碼加在網(wǎng)站的 CSS 文件或者 之間任意部分即可。建議加到全局css文件中。

代碼釋義：filter 是濾鏡的意思，filter:gray 的意思就是說給頁面加上一個灰度的濾鏡，所以 html 里面的所有內(nèi)容都會變成黑白的了。不過這個濾鏡對于 Chrome 和 Safari 瀏覽器是無效的，所以下面會有一行 -webkit-filter: grayscale(100%); 這個樣式是專屬于使用 webkit 內(nèi)核的瀏覽器的，意思和 filter: gray; 差不多，只是寫法不同罷了。