css多背景图需用英文逗号分隔各图url及对应属性，顺序严格一一对应；图层从前到后叠加，前面在上、后面在下；background-position等属性必须按图数量配齐逗号分隔值，否则默认值导致错位或覆盖。
background-image 逗号分隔必须严格对齐图层数量
浏览器不会帮你补全缺失的 background-position 或 background-size —— 少写一个值，对应图层就用默认值（比如 background-repeat: repeat），结果常是第二张图平铺满屏、盖住第一张。三张图就得写三组值，用英文逗号分隔，顺序不能错：
-
background-image: url('icon.svg'), url('pattern.png'), url('bg.jpg')→ 图标在最上，纹理居中，大图垫底 -
background-position: top right, center, center→ 每个位置对应一张图，漏一项整行可能失效 -
background-size: 40px 40px, 200px auto, cover→ 不要省略，哪怕某张图想用auto也得显式写出 -
background-repeat: no-repeat, repeat-x, no-repeat→ 单写一个no-repeat只作用于第一张，其余仍会平铺
用 ::before 实现可交互的独立图层
当你需要 hover 时移动水印、淡入装饰图、或给某一层加 transform 动画，background 多图语法就卡住了——所有图层共用同一个渲染上下文，没法单独控制。
- 主元素设
position: relative和基础背景（比如底层大图） -
::before设content: ""、position: absolute、inset: 0、z-index: 1，再加自己的background-image - hover 时只动
::before的transform或opacity，不影响底层 - 避免用
z-index: -1把伪元素塞到内容下面——容易触发层叠上下文混乱，文字被裁剪
IE9 及以下不支持多背景，fallback 必须手动写
CSS 多背景在 IE10+ 才生效，IE9 会直接丢弃整条 background 声明，导致页面只剩文字、无背景色也无图。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 先写单层 fallback：
background-color: #f0f0f0+background-image: url('fallback.jpg') - 再覆盖多层：
background: url('watermark.png') top right no-repeat, url('bg.jpg') center/cover - 别依赖
background-color当“兜底”——它只在所有 background 失效时起作用，但若某张图路径错或尺寸异常，整条声明可能静默失效 - 调试时可临时删掉部分图层，逐个验证路径和尺寸，比看控制台报错更直接
background-origin 和 background-clip 容易让定位“偏移”
两张图都设了 background-position: center，但看起来不对齐？大概率是 background-origin 默认值 padding-box 在作怪——它以 padding 区为基准定位，而你可能期望以 content 或 border 为基准。
-
background-origin: content-box, border-box, padding-box→ 三个值必须和图层数量一致 -
background-clip: content-box, padding-box, border-box→ 控制每张图的绘制范围，比如让渐变只填 content，图标只盖 padding - 不显式写的话，所有图层都按
padding-box定位，如果容器有 padding，图标就会离边距更远 - 这两属性不常被注意，但一旦涉及精确对齐（比如 logo 对齐文字基线），漏配就出问题
真正麻烦的不是语法本身，而是所有 background-* 属性必须数量严格匹配、顺序完全一致——少一个逗号、多一个空格、漏一组 background-size，后半截背景就彻底消失，且浏览器不报错。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
