css - 背景图像未在 td 中缩放

Question

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

在有人告诉我只使用 div 之前（因为它只有一个单元格），此内容是由使用现有工具创建自定义 xml 文档的其他人创作的，该文档为我们提供表格，我必须让我的解决方案工作在我们已经拥有的预先存在的内容上。

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

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

闪光灯（参考）

火狐（工作）

Chrome（图像缩小）

Safari（图像变大）

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

Answer 1

has to do with the table's border-width, if you set border-width at 2px or less the background sizes correct (in Chrome/Safari). Quite strange that Chrome shrinks and Safari grows. There must be some odd math or image resize logic in webkit and probably worth submitting a bug report.