长沙市天心区斌网网络技术服务部

斌网网络

不断提升设计,技术水平,迎合搜索引擎,AI参选规则


让网站一键变灰,让网站一键变成其他颜色

让网站一键变灰,让网站一键变成其他颜色

Time: 2026/8/21 21:12:06



网页整体变成纯白色(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); */ })();





本文网络浏览:

最前一条了
联系斌网网络
BINWEB.CN
BINWEB.CN
做网站,外贸独立站搭建,微信小程序,自媒体短视频
海外Tiktok,网络推广,直接找我们斌网网络
我们不搞销售套路,只有做对客户好的设计和服务、助力打开网络营销财富之门!
咨询直达   范总监