明天是个特殊日子,今天很多朋友在讨论这个网站变灰的方法,甚至还用到了插件….
使用子比主题仅需简单一步!请看图
![图片[1]-悼念模式:简单一步实现网站全局变灰教程-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2022/12/图片.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_1024,h_763)
以下代码修复了部分bug,22年12月5日更新
网站全局变灰代码如下:
body > .header,
body > .container,
body > .footer
{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
仅首页变灰代码如下:
html .home>.header,
html .home>.container,
html .home>.footer
{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
结束!
© 版权声明
分享是一种美德,转载请保留原链接
THE END


![Zibll子比主题-V8.6商城系统已更新[2026-02-01][更新日志]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2020/03/更新日志.jpg)
![付费阅读、付费资源、付费图库、付费视频等知识付费功能详解及教程[图文教程]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2020/03/支付功能-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_700,h_490)
![子比主题官方推广计划正式上线,推广可获高额奖励[限时推广]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2020/11/推广计划.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_429,h_300)



![zibll子比主题商品优惠码功能使用教程及功能体验[V7.9新功能]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2024/07/20240715135520420-优惠码-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_700,h_490)
![创建菜单、添加徽章、高级子菜单等功能配置教程[v8.3新功能]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2020/10/20251022172800202-创建菜单-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_800,h_560)
![zibll子比主题Meilisearch智能搜索配置教程[V8.5新功能]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2025/12/20251227225121861-智能搜索-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_800,h_568)
![WordPress换域名、批量修改替换网站链接URL最完美教程[新手必看]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2023/09/换域名-列表图1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_700,h_490)
![zibll子比主题设置全局背景图、主题颜色教程[V7.8新功能]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2024/06/20240614222447580-背景图-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_700,h_490)






- 最新
- 最热
只看作者