特殊日子经常看到网站变灰，其实很简单，几行代码就可以实现。今天有空杨公子收集整理了一些常用变灰代码，给大家参考！效果如下：
![图片[1]-如何让WordPress网站变灰(黑白)-杨公子的博客](https://www.hiir.cn:12580/wp-content/uploads/2022/12/fb5c81ed3a22-1024x586.png)
一、全站变灰
使用方法：进入Wordpress模板目录，在style.css最底部添加如下代码即可。
html {
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: gray;
filter: gray;
filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
}二、只是首页变灰
在Wordpress里找到functions.php，添加如下代码即可。
function nicetheme_global_greyscale() {
if ( is_home() ){
echo '<style type="text/css">html{-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>';
}
}
add_action('wp_head', 'nicetheme_global_greyscale');三、有部分修改CSS不能生效的问题
大部分是因为网站没有使用最新的网页标准协议，将网页最头部的<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">四、网站有FLASH动画不能生效的
一般是动画颜色不能被CSS滤镜控制，在FLASH代码的<object …>和</object>之间插入以下代码。
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>五、还有部分网站或主题后台可以直接添加CSS，后台直接添加即可。
![图片[2]-如何让WordPress网站变灰(黑白)-杨公子的博客](https://www.hiir.cn:12580/wp-content/uploads/2022/12/4a47a0db6e60-1024x595.png)
如还有不明白，可以留言交流。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
