表行背景图像

Question

可能重复:
我们可以在多表格表格中解决Chrome中的表格行背景图像问题吗？

我正在尝试将一个图像作为第一行的背景.问题是背景分别应用于每个单元,而不是整体.有办法解决吗？

http://jsfiddle.net/bumpy009/c3txj/

结果应如下所示:

编辑:问题只出现在Safari,Opera和Chrome中.还没检查IE.

Answer 1

如果您希望它跨过每一行，为什么不将其设置为表格背景并在 y 轴上重复它呢？

table {
    width: 300px;
    background-image: url('mypic.jpg');
    background-repeat: repeat-y;
}

顺便说一句，我用 IE9、FF12 测试了你的代码 - 这些代码每行显示一次图像。但 Chrome 15 和 Safari 5 会为每个 td 重复它。

编辑

由于您只想将其放在第一行，因此您应该使用背景位置来确保图像保持在表格的顶部（这通常是第一行所在的位置，对吗？:P）

table {
    width: 300px;
    background-image: url('mypic.png');
    background-repeat: no-repeat;
    background-position: center top;
}