網上找了許多代碼,很多都是不兼容Chrome的,以下代碼經過本人測試可以放到網站的首頁<head></head>之間。
<style type="text/css">
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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
</style>
以上代碼轉自:weixin_30567471
以下代碼轉自:admzq
網站變灰色代碼變素色和黑白方法大集合(站點哀悼代碼之用)
舉國都在哀悼此次地震的遇難者,很多門戶網站紛紛變成灰色色調來緬懷那些逝者。身爲站長的你是否也應該做些什麼,那還等什麼……
而如何將網站變成灰色調呢,網站變灰色方法是什麼?有哪些?
爲了方便大家查看,特整理下出個網站變灰色/黑白色代碼方法的大集合以供大家參考與使用。
詳細方法大集合如下:
方法一:
在你的網站頁面上
<head></head>
之間加上下面這段代碼:
<style type="text/css">
body {filter:gray}
</style>
方法二:
在你的網站頁面上
<head></head>
之間加上下面這段代碼:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
方法三:
找到你的網站CSS文件,把下面的代碼放到網站的css文件頭部中
body{
filter:gray;
}
方法四:
找到你的網站CSS文件,把下面的代碼放到網站的css文件頭部中
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
部分網站如果按照上面修改後沒有效果,那把代碼頂部的
<html>
改成了
<!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">
————————————————
版權聲明:本文爲CSDN博主「admzq」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/admzq/article/details/5813735