html5已彻底移除body的background属性，必须用css设置背景；需清除默认margin、设min-height:100vh，并注意background简写会重置background-color。
HTML5 已完全移除 body 标签的 background 属性，直接写 在现代浏览器中不会生效，也不通过任何 HTML 验证。
为什么 body background 不起作用
这不是浏览器 bug，而是标准演进的结果：HTML 4.01 中已标记为“不赞成使用”，XHTML 1.0 Strict 完全禁止，HTML5 彻底删除。所有主流浏览器（Chrome、Firefox、Safari、Edge）在标准模式下都忽略该属性。如果你看到它“好像有效”，大概率是浏览器处于怪异模式（Quirks Mode），或你误把 background-color 和 background 混用了。
- 检查是否漏写了
—— 缺失时浏览器会降级到怪异模式，可能让废弃属性侥幸运行 - 用开发者工具 Elements 面板查看
body元素，确认background属性是否被解析为 HTML 属性（它不会出现在 computed styles 里） - 别和 CSS 的
background简写属性混淆：是合法的，但这是 CSS，不是 HTML 属性
正确设置页面背景的 CSS 写法
必须用 CSS 控制 body 背景，且需处理两个关键前提：高度撑满视口、清除默认外边距。否则即使写了 background-image，也只显示顶部一小条或留白边。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 强制清除默认
margin：body { margin: 0; } - 确保最小高度覆盖整个可视区：
body { min-height: 100vh; }（注意是min-height，不是height，否则长页面会被截断） - 背景图推荐写法：
body { background: url("bg.jpg") no-repeat center/cover; }——center/cover是background-position/background-size的简写，比分开写更安全 - 如果要 fallback 颜色（比如图片加载失败时显示灰色），写成：
body { background: #eee url("bg.jpg") no-repeat center/cover; }，颜色必须放在最前
background 简写覆盖 background-color 的坑
这是最容易踩的隐形雷：一旦你写了 background: url(...) no-repeat;，之前单独设的 background-color: #fff; 就立即失效——CSS 规范规定简写属性会重置所有未显式声明的子属性，包括 background-color。
- 错误示范：
body { background-color: #222; background: url("bg.png") no-repeat; }→#222被清空 - 正确写法一（单层 fallback）：
body { background: #222 url("bg.png") no-repeat center/cover; } - 正确写法二（多层叠加，如渐变+图片）：
body { background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.8)), url("bg.png"); } - 调试建议：先用高对比纯色测试范围，例如
background-color: hotpink;，确认铺满全屏后再换目标图或渐变
深色模式下背景色“变灰”或文字反色
不是你的 CSS 写错了，而是 Safari、Edge 等浏览器在系统开启深色模式且页面未声明 color-scheme 时，会主动干预 background-color: white 的渲染结果，甚至把文字颜色反向映射。你写的样式没变，但最终像素变了。
- 解决方案：在
中添加，或直接在html元素上加style="color-scheme: light dark;" - 更稳妥的做法：用
@media (prefers-color-scheme: dark)单独定义深色模式下的背景，例如body { background-color: #1a1a1a; } - 注意：仅靠
background-color无法触发深色模式适配，必须配合媒体查询或color-scheme声明
真正麻烦的从来不是“怎么写背景”，而是“为什么写了没反应”——90% 的问题出在 body 高度没撑开、margin 没清掉、或者简写属性悄悄抹掉了你精心设置的 fallback 色。动手前先打开开发者工具，盯着 computed styles 看实际生效的是哪几行。
