它经常被问 – 但我还没有看到一个好的答案(和我看)。如果将CSS中的背景图像设置为表格行，则图像将在每个单元格中重复。如果你设置position：relative(对于行)和设置background-image：none(对于单元格)，它解决了IE上的问题，但不是铬！我不能使用背景定位，因为有很多电话，他们的大小不同。 (和图片是不对称的 – 这是从一侧淡出。任何人？
css代码示例：
tr { height: 30px; position:relative;}
tr.green { background: url('green_30.png') no-repeat left top; }
tr.orange { background: url('oranger_30.png') no-repeat left top;}
tr.red { background: url('red_30.png') no-repeat left top; }
td { background-image: none; }
HTML是基本的 – 多单元格表。
目标是使不同的颜色淡入每一行，但它可以是任何非图案图像。
解决方法
好了，我花了很多年的时间阅读这个，并找不到一个简单的修复所有浏览器，但我看到你使用固定高度的行，我已经开发了自己的解决方法：
http://jsfiddle.net/DR8bM/
基本上，不是将背景图像放在行上，而是将其放在每行第一个单元格的绝对定位的div(并展开它以填充整行)。这是稍微hacky，但可能是唯一可靠的方式来实现你想要的。
