怎么將網(wǎng)站整體色調(diào)變黑白灰色？一般很莊重的事情或者影響力很大的偉人逝世、紀(jì)念日的時(shí)候，站長(zhǎng)會(huì)把網(wǎng)站全部網(wǎng)頁(yè)設(shè)置為灰色或者黑白色，以表示對(duì)逝者的悼念，本篇整理了四種可以實(shí)現(xiàn)網(wǎng)頁(yè)變成灰色的代碼，一起看看吧。
怎么將網(wǎng)站整體色調(diào)變黑白灰色？
第一種：修改CSS文件
我們可以在網(wǎng)頁(yè)的CSS文件中添加以下的CSS代碼，來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)黑白色，也就是網(wǎng)站變灰。
CSS代碼：
html {
filter： progid:DXImageTransform.Microsoft.BasicImage（grayscale=1）;
-webkit-filter： grayscale（100%）;}
第二種：在網(wǎng)頁(yè)的標(biāo)簽內(nèi)加入以下代碼
如果你不想改動(dòng)CSS文件，你可以通過在網(wǎng)頁(yè)頭部中的標(biāo)簽內(nèi)部加入內(nèi)聯(lián)CSS代碼的形式實(shí)現(xiàn)網(wǎng)站網(wǎng)頁(yè)變灰。
代碼：
html {
filter： progid:DXImageTransform.Microsoft.BasicImage（grayscale=1）;
-webkit-filter： grayscale（100%）;
}
or
html{
filter： grayscale（100%）; -webkit-filter： grayscale（100%）; -moz-filter： grayscale（100%）; -ms-filter： grayscale（100%）; -o-filter： grayscale（100%）; filter： url（“data:image/svg+xml;utf8，#grayscale”）; filter:progid:DXImageTransform.Microsoft.BasicImage（grayscale=1）; -webkit-filter： grayscale（1）;
}
有一些站長(zhǎng)的網(wǎng)站可能使用這個(gè)css 不能生效，是因?yàn)榫W(wǎng)站沒有使用最新的網(wǎng)頁(yè)標(biāo)準(zhǔn)協(xié)議。
請(qǐng)將網(wǎng)頁(yè)最頭部的替換為以上代碼。
第三種：修改標(biāo)簽加入內(nèi)聯(lián)樣式
如里上面的兩種方式都不喜歡，可以通過修改標(biāo)簽，以加入內(nèi)聯(lián)樣式的方法，達(dá)到網(wǎng)頁(yè)變灰的效果
代碼：
《html style=“filter： progid:DXImageTransform.Microsoft.BasicImage（grayscale=1）;
-webkit-filter： grayscale（100%）;”》
第四種：CSS代碼
代碼：
body *{-webkit-filter： grayscale（100%）; /* webkit */-moz-filter： grayscale（100%）; /*firefox*/-ms-filter： grayscale（100%）; /*ie9*/-o-filter： grayscale（100%）; /*opera*/filter： grayscale（100%）;filter:progid:DXImageTransform.Microsoft.BasicImage（grayscale=1）; filter:gray; /*ie9- */}
PS：以上幾種方法，都是通過CSS的濾鏡來(lái)控制頁(yè)面的顯示而已，唯一不同的就CSS代碼調(diào)用的方式。
