簡單實現(xiàn)wordpress網站全站變灰代碼

有些特殊日子，不少網站也都通過代碼來實現(xiàn)灰色哀悼效果。

方法1：

將下面代碼加入wordpress在后臺外觀，自定義里面的額外css里即可，鳥叔主題的話加在主題選項里的css里就可以了，到前臺刷新一下，網頁變灰色了吧，包括網站的廣告、圖片等整個網頁變黑白了。

代碼：

html{
-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- */
}

方法2：

代碼加到<head></head>之間，即可直接實現(xiàn)全站灰色效果。

代碼如下：

<!–[if IE]>

<style>

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

</style>

<!–<![endif]–>

<!–[if !IE]><–>

<style>

html{

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

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

filter: gray;

-webkit-filter: grayscale(1);

}

</style>

<!–<![endif]–>