在全國(guó)哀悼日（吊念地震、疫情等），作為站長(zhǎng)我們可以把網(wǎng)站設(shè)置黑白以示哀悼。下面分享一段代碼實(shí)現(xiàn)整個(gè)網(wǎng)站網(wǎng)頁(yè)變?yōu)楹诎谆疑男Ч饕峭ㄟ^修改 CSS 的方式實(shí)現(xiàn)的，這里我用首頁(yè)做演示（如果想要全站去彩色、最好放到基礎(chǔ)公共的css文件中全局引用）
將下面代碼加入在模板頭部，主體樣式css里即可，網(wǎng)頁(yè)即可變?yōu)榛疑?，包括網(wǎng)站的廣告、圖片等整個(gè)網(wǎng)頁(yè)變黑白了。
<style> html{
-webkit-filter: grayscale(100%); /* weizhan */-moz-filter: grayscale(100%); /*boke*/-ms-filter: grayscale(100%); /*ie9*/-o-filter: grayscale(100%); /*opera*/filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:gray; /*ie9- */}</style> 代碼釋義：filter 是濾鏡的意思，filter:grayscale 的意思就是給頁(yè)面加上一個(gè)灰色的濾鏡，所以在HTML里的所有內(nèi)容都會(huì)變成灰色的了。因?yàn)檫@個(gè)濾鏡的寫法對(duì)于 Chrome 和 Safari 瀏覽器是沒有效果的，所以在下面會(huì)有寫一行 -webkit-filter: grayscale(100%); 這個(gè)代碼樣式是對(duì)于使用 webkit 內(nèi)核的瀏覽器的，意思和 filter: gray; 差不多，只是換了一種不同的寫法。
13884558030 18909358300