background属性在table元素上不生效的常见原因：直接使用HTML的background属性已废弃，且table默认display:table的背景绘制受border-collapse和单元格内容影响；正确做法是用CSS为tbody设置background-image并配合适当repeat、size及足够高度。
background属性在table元素上不生效的常见原因
直接给 <table> 标签写 background="xxx.jpg" 属性，现代浏览器基本不会显示图片——这个 HTML 4 的遗留属性早已被废弃，且被 CSS 的 background 样式完全取代。更关键的是，<table> 默认是 display: table，其背景绘制行为受 border-collapse 和单元格内容影响，容易出现“背景被盖住”或“只显示一小块”的假象。
正确做法：用CSS background-image配合background-repeat和background-size
必须使用 CSS 控制背景图，且优先作用于 <tbody> 或 <tr>，而非整个 <table>。因为 <td> 默认有背景（透明），会遮挡父级背景；而 <tbody> 是语义合理、层级干净的容器。
实操建议：
- 给
<tbody>添加类名（如class="bg-img"），再用 CSS 设置background-image: url("pattern.png"); - 务必设置
background-repeat: repeat;（默认值）或no-repeat，否则可能只显示一次且位置偏移 - 若需铺满整行，加
background-size: 100% auto;；若要等比缩放填满，用background-size: cover;（注意可能裁剪） - 确保
<tbody>高度足够（例如有足够多的<tr>），否则背景区域太小看不到效果
td/th里插入独立背景图的注意事项
如果想让每个单元格都有不同背景图，必须单独设置 <td> 或 <th> 的 background-image，但要注意：
立即学习“前端免费学习笔记（深入）”；
-
background-color会完全覆盖background-image，设为transparent或省略 - 文字颜色需与背景图对比度足够，否则可读性崩坏
- 大量单元格用不同背景图会显著增加重绘开销，滚动卡顿风险高
- 不要用
background-attachment: fixed—— 在表格内会导致定位错乱甚至渲染异常
兼容性与替代方案提醒
所有现代浏览器都支持 background-image 作用于表格相关元素，但 IE8 及更早版本对 <tbody> 背景支持不稳定。如果必须兼容老 IE，唯一可靠方式是把表格套进一个 <div> 容器，并对该 <div> 设置背景图，同时设 overflow: hidden 防止溢出。
另外，如果背景图只是装饰性纹理（如浅灰斜线），强烈建议改用 SVG 或 CSS 渐变（background-image: linear-gradient(...)）——体积小、缩放无损、无需请求资源。
