如果只需要兼容主流瀏覽器可以使用css的 filter 屬性（Chrome內(nèi)核）
將代碼放入前端即可讓對應(yīng)網(wǎng)頁變黑灰色！filter 是濾鏡的意思，filter:gray 的意思就是說給頁面加上一個灰度的濾鏡，所以 html 里面的所有內(nèi)容都會變成黑白的了。
這段代碼可以實現(xiàn)Chrome內(nèi)核瀏覽器的顯示效果
這個濾鏡普通寫法對于 chrome 和 safari 瀏覽器是無效的，所以可以使用下面的兼容性寫法，達到兼容更多瀏覽器的作用。
以下適用于主流瀏覽器（除IE外），放置在網(wǎng)站公共頭部或者底部文件里
如果需要對IE瀏覽器進行兼容
還需要使用到一個JS，兩者搭配可以達到較好的兼容性
引入到頁面中并指定變黑白的部分即可，如果指定全部，使用body就可以了
grayscale(document.body); //整站變成灰色
grayscale(document.getElementById("main"));//指定元素變灰色
grayscale.reset(document.getElementById("main"));//指定元素還原
需要附件請聯(lián)系佳速互聯(lián)
