現(xiàn)在做網(wǎng)站一般在全國(guó)哀悼日、清明節(jié)、地震日時(shí)，懂事的網(wǎng)站長(zhǎng)都會(huì)讓網(wǎng)站整體變成灰色，但是有很多新手網(wǎng)站長(zhǎng)不知道怎么讓網(wǎng)站頁(yè)面變成灰色的，下面IT備忘錄小編就給大家分享自己搜集的比較全面的網(wǎng)站頁(yè)面變灰色CSS代碼，兼容所有的瀏覽器!

　　1、直接body中加入代碼即可

　　實(shí)現(xiàn)這種效果很簡(jiǎn)單，只需要將css代碼：filter: grayscale(100%);放到body元素里面的style=“”中間就OK了，根本就不需要用到什么網(wǎng)站變灰的插件。如下圖所示：

　　2、直接在網(wǎng)站的css樣式文件中加入下面的代碼，這樣不用改html代碼。

　　或者使用下面的代碼，推薦上面的代碼

　　3、騰訊網(wǎng)站讓網(wǎng)頁(yè)變灰色CSS代碼：

　　網(wǎng)上收集的一些方法代碼讓網(wǎng)站變灰色：

　　1、網(wǎng)頁(yè)黑白代碼外部樣式(寫入*.css文件請(qǐng)用)

　　2、網(wǎng)頁(yè)黑白代碼內(nèi)部樣式(寫入頭部head標(biāo)簽里面)

　　3、網(wǎng)頁(yè)黑白代碼內(nèi)聯(lián)式(寫入html標(biāo)簽，找到html)

　　以上讓網(wǎng)站變灰色CSS代碼，大家任選一種適合自己網(wǎng)站更新的方式即可，若此方法代碼對(duì)您有幫助，請(qǐng)轉(zhuǎn)載分享，讓更多的新手網(wǎng)站長(zhǎng)學(xué)習(xí)使用!

文中圖片均來(lái)自網(wǎng)絡(luò)/侵刪

　　（邯鄲小程序開發(fā)）