背景图像不在TD中缩放

Question

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

在有人告诉我只使用div（因为它只有一个单元格）之前，这个内容是由使用现有工具创建自定义xml文档的其他人创作的，这些文档为我们提供表格，我必须得到我的处理我们已有的已有内容的解决方案。

这是显示它的小提琴，以下是各种浏览器中的图像：

http://jsfiddle.net/CEvnx/2/

Flash（参考）

Firefox（工作）

Chrome（图片缩小）

Safari（图片增长）

P.S。忽略高度和字体差异，因为它们与问题没有任何关系。

Answer 1

与表border-width有关，如果您将border-width设置为2px或更低的背景尺寸（在Chrome / Safari中）。很奇怪，Chrome缩小了，Safari也在增长。 webkit中必定有一些奇怪的数学或图像大小调整逻辑，可能值得提交bug report。