background-attachment: fixed 在表格元素上无效是规范行为而非 bug，需将表格包裹在具备定位上下文、明确尺寸和 overflow 的块级容器中设置该属性，且需注意移动端兼容性及 transform 的干扰。
background-attachment: fixed 在表格上无效？
直接给 <table> 或 <code><tbody> 设置 <code>background-attachment: fixed 几乎总失效——这不是 bug，而是浏览器规范行为。表格元素（尤其是非块级渲染的 <table>）不创建新的层叠上下文或包含块，且其背景绘制受表格渲染模型限制，<code>fixed 会退化为 scroll。
真正生效的容器必须是 block-level 且有明确尺寸
要让背景图“固定”，得把表格包进一个具备定位上下文、可滚动、且自身设了 background-attachment: fixed 的块级容器里：
- 外层
<div> 必须设 <code>display: block（默认就是）、height或max-height+overflow: auto -
background-image和background-attachment: fixed必须写在这个<div> 上，不能写在 <code><table> 上 <li>背景图的 <code>background-position建议用像素或百分比（如center top），避免因表格内容撑高导致错位
<div style="background-image: url('grid-bg.png');
background-attachment: fixed;
background-position: center top;
background-repeat: repeat;
height: 400px;
overflow: auto;">
<table>...</table>
</div>
表格单元格内单独固定背景？别这么干
给 <td> 或 <code><th> 单独设 <code>background-attachment: fixed 不仅无效，还会触发重绘异常，尤其在 Chrome 中可能造成背景撕裂或闪烁。原因在于单元格不是视口锚定的定位容器，它的“固定”无参照系。
- 如果真需要单元格级视觉效果，改用 SVG 图案填充（
background-image: url("data:image/svg+xml,...")）更可靠 - 或用伪元素
::before绝对定位在单元格内，但需确保单元格position: relative - 切忌在
<tr> 上设 fixed 背景——<code><tr> 是表格行盒，不接受背景定位控制 <h3>移动端和 Safari 的兼容性陷阱</h3> <p>iOS Safari 和部分 Android 浏览器对 <code>background-attachment: fixed支持极差，尤其在overflow: auto容器内几乎完全忽略。这不是 CSS 写错了，是 WebKit 主动禁用该组合以保性能。- 检测方式：用
@supports (background-attachment: fixed)做降级，fallback 到scroll或纯色 - 替代方案：用
position: sticky+ 重复背景图模拟“固定感”，或 JS 监听 scroll 手动调整background-position - 注意：即使桌面 Chrome 开启了
fixed，若外层容器有transform（比如scale(1)），也会强制关闭 fixed 行为
- 检测方式：用
