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