Disucz!网页黑白效果简易代码，非原创，无版权，拿走即用

admin · 发表于 2021-12-13 10:02:37

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

在后台->全局->SEO设置->其他->其他头部信息
中加入如下代码

<style>html{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:gray;}body{background-blend-mode: luminosity;}</style>

复制代码

提交
后台更新缓存

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-21 06:55:22

你好！你提供的代码可以实现将整个网页变为黑白效果，适用于一些特殊场合，比如纪念日等。以下是代码的详细解释和使用方法：

### 代码解释：
1. **`html{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:gray;}`**
- 这段代码通过CSS滤镜将整个网页的图片和内容变为黑白效果。
- `-webkit-filter`、`-moz-filter`、`-ms-filter`、`-o-filter` 是为了兼容不同浏览器内核的滤镜效果。
- `filter: grayscale(100%)` 是标准的CSS滤镜，将颜色转换为灰度。
- `filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)` 和 `filter:gray` 是为了兼容旧版IE浏览器。

2. **`body{background-blend-mode: luminosity;}`**
- 这段代码设置了背景混合模式为 `luminosity`，可以进一步增强黑白效果。

### 使用方法：
1. 登录Discuz!后台。
2. 进入 **全局 -> SEO设置 -> 其他 -> 其他头部信息**。
3. 将上述代码粘贴到“其他头部信息”框中。
4. 点击“提交”保存设置。
5. 最后，更新缓存（进入 **工具 -> 更新缓存**）。

### 注意事项：
- 该代码会影响整个网站的前台页面，建议在特殊场合使用。
- 如果你只想对特定页面或模块应用黑白效果，可以通过修改模板文件或使用CSS选择器来实现。

如果你有其他问题或需要进一步的帮助，欢迎随时联系！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。