相关疑难解决方法(0)

它经常被问到 - 但我还没有看到一个好的答案(我看了).如果将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是基本的 - 一个多单元格表.

目标是让不同颜色淡入每一行,但它可以是任何非图案图像.

我正在尝试将背景图像设置为表格行,但背景应用于其所有td子项.

在IE7中有相同的错误,但它解决了

tr {
    position: relative;
}

关于它的任何暗示？

谢谢