background-repeat不生效主因是被简写覆盖、值顺序错误或容器无尺寸约束；双值必须“水平 垂直”顺序，如repeat no-repeat；space/round需成对且容器有确定宽高；简写background须显式声明no-repeat等值。
background-repeat 不生效，八成是被简写属性覆盖、值写错顺序，或容器尺寸没约束——它本身不控制缩放，只管“怎么铺”。
background-repeat 值写错顺序就失效
双方向值必须严格按「水平 垂直」顺序写，比如 repeat no-repeat 表示横向重复 + 纵向不重复；反过来写成 no-repeat repeat，部分浏览器会直接忽略整条声明。
-
repeat-x等价于repeat no-repeat，但更安全、兼容性更好 -
repeat-y等价于no-repeat repeat，同样建议优先用单值写法 -
space或round必须成对出现，如space space，单写无效 - 旧版 IE 不支持双值写法，生产环境建议避开
repeat no-repeat这类写法
background 简写覆盖了 background-repeat
如果你写了 background: url(bg.jpg) #fff;，那 background-repeat 的单独设置会被忽略——简写会重置所有未显式声明的子属性为初始值（即 repeat）。
- 要确保
no-repeat生效，得在简写里明确带上：background: url(bg.jpg) no-repeat center / cover #fff; -
/ cover是background-size，不能省略斜杠，否则解析失败 - 路径中的
bg.jpg必须存在且可访问，404 时整个 background 声明可能降级为纯色
background-repeat 没效果？先看容器有没有尺寸
space 和 round 需要容器有确定宽高才能计算间距或缩放比例。如果父元素靠内容撑开、又没设 min-height 或 height，这些值就会退化为 repeat。
- 给元素加个临时
border: 1px solid red;，确认它实际渲染的尺寸是否符合预期 -
background-repeat: space space;配合background-size: auto;和height: 300px;才能看见点阵均匀分布效果 - flex / grid 容器中，子项若没设
height或min-height，背景图可能只显示一行高度
重复但图像错位？检查 background-position 和 background-size
重复行为和定位、缩放是解耦的：即使设了 no-repeat，如果 background-position 是 left top 而图片本身偏右，也会看起来像“没对齐”。
- 纹理图平铺前，先用
background-position: 0 0;固定起点，避免因默认left top和图片透明边距产生视觉偏移 - 用
background-size: 16px 16px;+background-repeat: repeat;控制像素级网格，比依赖原图尺寸更可靠 - SVG 作为背景时，
background-repeat仍有效，但需注意 viewBox 是否导致内部图形缩放失真
真正容易被忽略的是：background-repeat 从不改变图片原始尺寸，它只决定“同一张图”铺多少次、怎么排。想控制铺开后的单块大小，得靠 background-size；想控制铺开后的位置起始点，得靠 background-position；这两者没配好，repeat 再准也没用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
