Css td中的背景图像未缩放

Css td中的背景图像未缩放,css,google-chrome,safari,webkit,Css,Google Chrome,Safari,Webkit,我所在的团队正试图将我们的Flash应用程序转换为HTML5和Css,我遇到了一个影响WebKit的bug,希望得到一些帮助来解决这个问题。基本思想是,有一个表格,其中有一个单元格,有一个背景图像和一个背景颜色,无论出于什么原因,当图像大小正好合适时,背景大小:100%100%图像实际上会缩小以显示背景颜色。如果我使用像素值而不是%值,这也会重复 在任何人告诉我只使用一个div(因为它只是一个单元格)之前,这个内容是由其他人编写的,他们使用现有的工具来创建一个定制的xml文档,该文档为我们提供了

我所在的团队正试图将我们的Flash应用程序转换为HTML5和Css,我遇到了一个影响WebKit的bug,希望得到一些帮助来解决这个问题。基本思想是,有一个表格,其中有一个单元格,有一个背景图像和一个背景颜色,无论出于什么原因,当图像大小正好合适时,背景大小:100%100%图像实际上会缩小以显示背景颜色。如果我使用像素值而不是%值,这也会重复

在任何人告诉我只使用一个div(因为它只是一个单元格)之前,这个内容是由其他人编写的,他们使用现有的工具来创建一个定制的xml文档,该文档为我们提供了表,我必须找到解决方案来处理我们已经拥有的现有内容

这是显示它的小提琴,下面是各种浏览器中的图像:

闪存(参考)

Firefox(正在运行)

Chrome(图像缩小)

Safari(图像变大)


注意:忽略高度和字体差异,因为它们与问题无关。

与表格的
边框宽度有关,如果您将
边框宽度设置为
2px
或更小,则背景大小正确(在Chrome/Safari中)。非常奇怪的是,铬会收缩,狩猎会增长。webkit中一定有一些奇怪的数学或图像调整逻辑,可能值得提交。

为什么要在表上设置300px的宽度,在元素上设置280px的宽度?我认为,如果只在td元素上设置宽度,就会得到与flash引用类似的结果。主要原因是我们使用的自定义xml格式设置了该宽度,该html/css是由服务器端代码自动生成的。然而,如果你从表中删除宽度,并将td宽度设置为290px,你会遇到完全相同的问题。是的,如果你稍微改变大小,同样的事情也会发生,所以这肯定是一个错误,我正计划提交一份错误报告,只是想知道是否有人有解决办法。