企业与个人网络营销一站式服务商
网站建设 / SEO优化排名 / 小程序开发 / OA
0731-88571521
136-3748-2004
让网站一键变灰,让网站一键变成其他颜色
信息来源:   发布时间:2026-8-21   浏览:
让网站一键变灰,让网站一键变成其他颜色

网页整体变成纯白色(CSS 实现)


整体页面全部变白:背景纯白,文字默认黑色,所有区域覆盖白色基调,两种常用方案。



方案 1:全局覆盖,整个页面底色纯白(最简单)


/* 整个网页变成纯白色底色 */ html, body { background-color: #ffffff !important; filter: none !important; } /* 如果想把所有元素背景强制变白(类似网站灰色悼念模式,改成白色版) */ * { background-color: #ffffff !important; }


网站灰色悼念模式用的是filter: grayscale(100%);,这个滤镜不能直接变成纯白色,它只是灰度,想要纯白要改背景色。




方案 2:滤镜 + 蒙版(模拟一层纯白蒙层盖在网页上)


页面内容还在,上面盖一层白色半透 / 实白遮罩




/* 页面上方叠加纯白色遮罩,完全盖住页面,看到全白 */ body::after{ content:""; position:fixed; inset:0; background:#fff; z-index:99999; }


background:#fff完全纯白,网页内容完全看不见


如果想要半透:background:rgba(255,255,255,0.7)


油猴脚本(浏览器所有网站一键变纯白)


新建油猴脚本,复制全部,打开任意网站就自动变成纯白底色




// ==UserScript== // @name 网页全部变纯白色 // @namespace http://tampermonkey.net/ // @version 0.1 // @description 所有网站页面强制纯白色 // @author You // @match *://*/* // @grant none // ==/UserScript== (function() { 'use strict'; document.documentElement.style.backgroundColor="#ffffff"; document.body.style.backgroundColor="#ffffff"; // 增加全局白色遮罩,如果想要彻底全白取消下面注释 /* let mask = document.createElement('div'); mask.style.cssText = ` position:fixed; top:0;left:0;right:0;bottom:0; background:#ffffff; z-index:999999; `; document.body.appendChild(mask); */ })();







上一条: 长沙公司想做一个官方网站怎么做?在长沙做公司官网找谁做?
下一条: 外贸网站服务器怎么选比较好?外贸独立站放在哪里的服务器比较好?
案例鉴赏
多年的网站建设经验,斌网网络不断提升技术设计服务水平,迎合搜索引擎优化规则
网站建设
多年的网站建设经验,网至普不断提升技术设计服务水平,迎合搜索引擎优化规则
长沙私人做网站    长沙做网站    深圳网站建设    株洲做网站    东莞做网站    株洲做网站    
版权所有 © 长沙市天心区斌网网络技术服务部    湘公网安备 43010302000270号  统一社会信用代码:92430103MA4LAMB24R  网站ICP备案号:湘ICP备13006070号-2