將WordPress變成黑白雙色風格以示哀悼的方法

4 月222013

作者：超級efly 發布：2013-04-22 16:39 分類：WordPress 閱讀：9,001

前天發生了廬山大地震，我們當然也得做點什麼，今天就教大家怎麼把WordPress（其他網站當然也可以）用簡單的CSS變成全部灰色的（這篇文章也是黑白的，快來看看吧！）

教程

1、這個方法不只可以用於Wordpress，任何網站都可以

2、打開你網頁的源代碼，對於Wordpress來說就是「header.php」

3、在源碼頂部的 <head></head> 中添加以下代碼

<style>
html{
	/* IE */
	filter: gray;
	/* 除Firefox以外其它的瀏覽器 */
	Invalid property value.filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);
}
</style>

<style>

html{

/* IE */

filter: gray;

/* 除Firefox以外其它的瀏覽器 */

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

-webkit-filter: grayscale(1);

}

</style>

4、完成咯

預覽（點擊放大）

以及「本頁」！

總結

1、這個方法除了Firefox瀏覽器不支持以外，其它瀏覽器（包括IE以及Chrome）都可以使用

2、當然你以上代碼去除 <style></style> 以後直接放在「style.css」文件中也可以（僅限Wordpress）

3、有問題可以回覆問我

覺得這篇文章有用嗎？分享一下讓更多人受益吧！

本文固定鏈接：https://www.arefly.com/zh-hant/wordpress-black-white/

教程

預覽（點擊放大）

總結

覺得這篇文章有用嗎？分享一下讓更多人受益吧！

您可能還會對這些文章感興趣！