Html 为什么表格行背景图像消失在表格单元格后面?

Html 为什么表格行背景图像消失在表格单元格后面?,html,css,Html,Css,这把我难住了。我在tr上设置了一个背景图像。出于某种原因,它在第四列消失了。更奇怪的是,它消失在后面的列取决于表的宽度 我很确定我错过了一些非常明显的东西 编辑:这不会发生在后台重复:重复 Edit2:添加了一个100%宽度的示例,以证明这与实际表格宽度无关。 Edit3:刚刚签入了几个浏览器。这只发生在Chrome和Opera中。Firefox和Edge不受影响。那么虫子呢 有人能解释一下吗 。数据表{ 宽度:600px; } 票行{ 背景图像:url('https://media.ten

这把我难住了。我在tr上设置了一个背景图像。出于某种原因,它在第四列消失了。更奇怪的是,它消失在后面的列取决于表的宽度

我很确定我错过了一些非常明显的东西

编辑:这不会发生在
后台重复:重复
Edit2:添加了一个100%宽度的示例,以证明这与实际表格宽度无关。
Edit3:刚刚签入了几个浏览器。这只发生在Chrome和Opera中。Firefox和Edge不受影响。那么虫子呢

有人能解释一下吗

。数据表{
宽度:600px;
}
票行{
背景图像:url('https://media.tenor.com/images/6b7cfb462a7f171e6b1aca63fd5c0173/tenor.gif');
背景位置:200px-50px;
背景重复:无重复;
}
tr,td{
背景色:透明;
高度:100px
}

约翰·史密斯
新的
1.
中等
约翰·史密斯
新的
1.
中等

如果我没弄错,你想要在tr后面有一张图片,你可以添加
背景尺寸:封面
来解决这个问题,但是看起来很奇怪

。数据表{
宽度:600px;
}
票行{
背景图像:url('https://media.tenor.com/images/6b7cfb462a7f171e6b1aca63fd5c0173/tenor.gif');
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
}
tr,td{
背景色:透明;
高度:100px;
}

约翰·史密斯
新的
1.
中等
约翰·史密斯
新的
1.
中等

这是Chromium中的一个bug,已添加到问题列表中


@AliKianoor提供了一个可能但并非完美的解决方案。另一种解决方法是使用全尺寸图像,这样就可以在没有副作用的情况下使用
background repeat:repeat
。这两个都不是最优的。

奇怪,这对我来说也是新的。以下是一些可能的解决方案。你希望发生什么?@Ted Whitehead,在那篇帖子上的评论是“W3C说你不能在标签上放置背景图像”,这也许可以解释这一点,尽管我在W3C学校或Mozilla文档中找不到实际的参考资料。我可以考虑DIV黑客。但愿我能理解这种行为的来源。@j08691,我希望背景图像无论在行中的位置如何都是可见的。@TED Whitehead,这似乎是个bug。我已经向chromium.org提交了一份报告。