明天是个特殊日子,今天很多朋友在讨论这个网站变灰的方法,甚至还用到了插件….
使用子比主题仅需简单一步!请看图
![图片[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.9已更新[2026-06-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)


![页面布局、模块使用及可视化布局教程[网站布局入门教程]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2021/04/20260530132122133-网站布局入门教程-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_800,h_560)





![zibll子比主题评论和用户主页显示IP归属地功能配置教程[V7.2新功能]-WordPress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2023/05/ip归属地-列表图1.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_700,h_490)






- 最新
- 最热
只看作者