將網(wǎng)站快速更改為黑色，白色和灰色的4種方法
發(fā)布時(shí)間：2020-07-08 點(diǎn)擊數(shù)：1954
通常，在清明節(jié)，國(guó)慶節(jié)，大地震日以及某些有影響力的偉人的去世或紀(jì)念日，作為網(wǎng)站管理員，我們會(huì)將網(wǎng)站的所有頁(yè)面設(shè)為灰色（黑色（和白色）向死者表示哀悼。然后，世界數(shù)據(jù)編輯器將通過(guò)幾行簡(jiǎn)單的代碼來(lái)討論此功能。
我們可以在網(wǎng)頁(yè)的CSS文件中添加以下CSS代碼，以實(shí)現(xiàn)黑白網(wǎng)頁(yè)，即網(wǎng)站變成灰色
CSS代碼
html {
過(guò)濾器：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;
-webkit-filter：灰度（100％）;}
如果您不想更改CSS文件，則可以通過(guò)在頁(yè)面標(biāo)題的<head>標(biāo)記內(nèi)添加內(nèi)聯(lián)CSS代碼來(lái)使網(wǎng)站頁(yè)面變灰。
碼
<style type =“ text / css”>
html {filter：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;-webkit-filter：grayscale（100％）;} </ style>
要么
html {過(guò)濾器：灰度（100％）; -webkit-filter：灰度（100％）; -moz-filter：灰度（100％）; -ms-filter：灰度（100％）; -o-filter：灰度（100％）;過(guò)濾器：url（“ data：image / svg + xml; utf8，＃grayscale”）;過(guò)濾器：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）; -webkit-filter：grayscale（1）;}
一些網(wǎng)站管理員網(wǎng)站可能無(wú)法使用此CSS，因?yàn)樵摼W(wǎng)站未使用最新的網(wǎng)頁(yè)標(biāo)準(zhǔn)協(xié)議。
<！DOCTYPE html PUBLIC“-// W3C // DTD XHTML 1.0 Transitional // EN”“ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns =“ http://www.w3.org/1999/xhtml”>
請(qǐng)使用上面的代碼替換頁(yè)面頂部的<html>。
第三：修改<html>標(biāo)記以添加內(nèi)聯(lián)樣式
如果不喜歡上述兩種方法，則可以修改<html>標(biāo)記以添加內(nèi)聯(lián)樣式以實(shí)現(xiàn)頁(yè)面變灰的效果
碼
<html style =“ filter：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;
-webkit-filter：灰度（100％）;“>
碼：
正文* {-webkit-filter：灰度（100％）; / * webkit * /-moz-filter：灰度（100％）; / * firefox * /-ms-filter：灰度（100％）; / * ie9 * / -o-filter：灰度（100％）; / * opera * / filter：灰度（100％）;過(guò)濾器：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;過(guò)濾器：灰色； / * ie9- * /}
第一：修改CSS文件
我們可以在網(wǎng)頁(yè)的CSS文件中添加以下CSS代碼，以實(shí)現(xiàn)黑白網(wǎng)頁(yè)，即網(wǎng)站變成灰色
CSS代碼
html {
過(guò)濾器：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;
-webkit-filter：灰度（100％）;}
第二種：在網(wǎng)頁(yè)的<head>標(biāo)簽中添加以下代碼
如果您不想更改CSS文件，則可以通過(guò)在頁(yè)面標(biāo)題的<head>標(biāo)記內(nèi)添加內(nèi)聯(lián)CSS代碼來(lái)使網(wǎng)站頁(yè)面變灰。
碼
<style type =“ text / css”>
html {filter：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;-webkit-filter：grayscale（100％）;} </ style>
要么
html {過(guò)濾器：灰度（100％）; -webkit-filter：灰度（100％）; -moz-filter：灰度（100％）; -ms-filter：灰度（100％）; -o-filter：灰度（100％）;過(guò)濾器：url（“ data：image / svg + xml; utf8，＃grayscale”）;過(guò)濾器：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）; -webkit-filter：grayscale（1）;}
一些網(wǎng)站管理員網(wǎng)站可能無(wú)法使用此CSS，因?yàn)樵摼W(wǎng)站未使用最新的網(wǎng)頁(yè)標(biāo)準(zhǔn)協(xié)議。
<！DOCTYPE html PUBLIC“-// W3C // DTD XHTML 1.0 Transitional // EN”“ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns =“ http://www.w3.org/1999/xhtml”>
請(qǐng)使用上面的代碼替換頁(yè)面頂部的<html>。
第三：修改<html>標(biāo)記以添加內(nèi)聯(lián)樣式
如果不喜歡上述兩種方法，則可以修改<html>標(biāo)記以添加內(nèi)聯(lián)樣式以實(shí)現(xiàn)頁(yè)面變灰的效果
碼
<html style =“ filter：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;
-webkit-filter：灰度（100％）;“>
第四：我使用的CSS代碼
碼：
正文* {-webkit-filter：灰度（100％）; / * webkit * /-moz-filter：灰度（100％）; / * firefox * /-ms-filter：灰度（100％）; / * ie9 * / -o-filter：灰度（100％）; / * opera * / filter：灰度（100％）;過(guò)濾器：progid：DXImageTransform.Microsoft.BasicImage（grayscale = 1）;過(guò)濾器：灰色； / * ie9- * /}
PS：以上方法都使用CSS過(guò)濾器來(lái)控制頁(yè)面的顯示。唯一不同的方法是調(diào)用CSS代碼。伙計(jì)們，自己挖出來(lái)！
希望云網(wǎng)時(shí)代小編的分享對(duì)大家有幫助，云網(wǎng)時(shí)代主要提供深圳服務(wù)器租用，深圳服務(wù)器托管，深圳主機(jī)租用，云主機(jī)租用等服務(wù)器資源，詳情歡迎咨詢客服了，