background-repeat 从 IE8 起无需任何前缀；IE8 仅支持 repeat、no-repeat、repeat-x、repeat-y，space/round 等值需 IE9+；Autoprefixer 不加前缀但会过滤不支持的值。
background-repeat 在老版浏览器里到底支不支持前缀
直接说结论：background-repeat 从 IE8 开始就完全不需要前缀，连 -webkit-、-moz- 这类都从未被任何主流引擎要求过。所谓“加前缀解决兼容问题”，对这个属性本身是无效操作，纯属混淆了其他背景相关属性（比如 background-size 或 background-clip）的处理习惯。
常见误判场景是：开发者在调试时发现背景图没按预期重复，就下意识补上 -webkit-background-repeat，结果毫无变化——因为浏览器根本无视这个带前缀的声明，只认标准的 background-repeat。
哪些值在旧浏览器中真有兼容风险
真正要注意的不是前缀，而是取值本身。IE8 只支持四个基础关键字：repeat、no-repeat、repeat-x、repeat-y；IE9+ 才开始支持 space、round、no-repeat space 这类组合写法。
-
background-repeat: space;—— IE8 完全忽略，回退到默认repeat -
background-repeat: round;—— 同样被 IE8 当作无效声明丢弃 -
background-repeat: no-repeat space;—— IE9+ 才解析，IE8 直接跳过整条规则
如果你用 Autoprefixer，它也不会为 background-repeat 加任何前缀，但会根据目标浏览器列表删掉不支持的值（比如配置 IE >= 8 时，自动过滤掉 space）。
如何安全地实现“铺满又不拉伸”的背景图
这其实是用户常把 background-repeat 和 background-size 混在一起的问题。想让一张小图均匀铺满容器且边缘对齐，不能只靠 repeat，得配合 background-size 控制单图尺寸。
例如：
div {
background-image: url(icon.png);
background-repeat: space;
background-size: 24px 24px; /* 显式固定单图大小，IE8 就能 fallback 到 repeat */
}
更稳妥的做法是降级方案：
- 先写
background-repeat: repeat;（IE8 安全） - 再覆盖一行
background-repeat: space;（现代浏览器生效） - 用
@supports (background-repeat: space)包裹增强逻辑（避免影响老浏览器解析）
为什么检查 computed style 看不到前缀属性
浏览器开发者工具的 Computed 面板只显示最终生效的标准属性名，不会列出你写的带前缀版本——哪怕那个前缀被识别了（极少情况），它也只展示标准化后的结果。所以如果你在 Styles 面板写了 -webkit-background-repeat: no-repeat;，Computed 里依然只看到 background-repeat: no-repeat;，这不是 bug，是设计如此。
真正要验证是否生效，得看渲染结果：图有没有重复？边缘是否对齐？有没有报 CSS 解析警告？而不是盯着前缀是否存在。
最易被忽略的一点：background-repeat 的兼容性瓶颈从来不在前缀，而在值的支持范围和与其他背景属性（尤其是 background-size、background-position）的协同行为。别在错误的地方加前缀，先确认你用的值本身是否被目标环境接受。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
