将WordPress变成黑白双色风格以示哀悼的方法

4 月222013

作者：超级efly 发布：2013-04-22 16:39 分类：WordPress 阅读：11,221

前天发生了庐山大地震，我们当然也得做点什么，今天就教大家怎么把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-hans/wordpress-black-white/

教程

预览（点击放大）

总结

觉得这篇文章有用吗？分享一下让更多人受益吧！

您可能还会对这些文章感兴趣！