若是趕上須要讓網站變灰色，做爲站長的咱們該怎麼作

看到標題，固然若是你是web程序員童鞋，能夠繞道了，這只是總結的一些技巧而已，通常在全國哀悼日，大地震的日子，清明節，咱們都會讓本身的網站全站灰色，以表示對 逝者的悼念。好了言歸正傳。

若是趕上須要讓網站變灰色，做爲站長的咱們該怎麼作

讓網站變灰色，只須要一段代碼就能夠，固然方法有以下幾種：

寫入.css文件請用

網頁黑白代碼外部樣式

*寫入.css文件請用

html{

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter:grayscale(100%);}

網頁黑白代碼內部樣式

寫入頭部head標籤裏面

<styletype="text/css">

<!--html{

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter:grayscale(100%);}-->

</style>

網頁黑白代碼內聯式

寫入html標籤，找到html

<htmlstyle="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);">

網頁黑白代碼QQ羣空間版，針對大部分主流瀏覽器

*寫入.css文件請用

html{-webkit-filter:grayscale(100%);

-moz-filter:grayscale(100%);

-ms-filter:grayscale(100%);

-o-filter:grayscale(100%);

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);

}

如上幾種均可以達到咱們想要的效果，根據你的網站結構不一樣用不一樣的方法就能夠。

本文出自今日頭條！文章由甲爪cpa聯盟（www.jiazhua.com）整理編輯！