快速实现网站全站灰度效果
通过在网页中嵌入一段简单的 CSS 样式代码,可以让整个网站瞬间转变为黑白灰度模式,适用于公祭日、纪念日等需要营造肃穆氛围的特定场景。
效果预览
实施步骤
将以下代码片段复制并粘贴到网站首页的任意位置(建议放置在 <head> 标签内或页脚位置)即可立即生效:
<style type="text/css">
html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
</style>
注意事项
- 兼容性: 代码中包含了
-webkit-filter和progid两种定义,旨在确保现代浏览器(如 Chrome、Safari、Edge)以及旧版 IE 浏览器均能正确显示灰度效果。 - 恢复方法: 若需恢复彩色,直接删除上述代码片段即可。
相关工具推荐
如果需要更灵活的控制,可以尝试使用 黑白网页恢复彩色插件 。
正文完
