【发布时间】：2012-12-18 22:02:16
【问题描述】：
我在一个试图将我们的 Flash 应用程序转换为 HTML5 和 Css 的团队中，我遇到了一个影响 WebKit 的错误，并希望得到一些帮助来解决这个问题。基本思想是有一个表格，其中包含一个带有背景图像和背景颜色的单元格，并且无论出于何种原因，当图像尺寸完全正确background-size: 100% 100% 时，图像实际上会缩小以显示背景颜色。如果我使用像素值而不是 % 值，这也会重复。
在有人告诉我只使用 div 之前（因为它只有一个单元格），此内容是由其他人创作的，他们使用现有工具创建自定义 xml 文档，为我们提供表格，我必须得到我的处理我们已有内容的解决方案。
这是显示它的小提琴，下面是各种浏览器中的图像：
Flash（参考）
Firefox（工作）
Chrome（图像缩小）
Safari（图像变大）
附：忽略高度和字体差异，因为它们与问题没有任何关系。
【问题讨论】：
-
为什么要在表格上设置300px的宽度，在元素上设置280px的宽度？我想如果你只设置 td 元素的宽度，你会得到类似于你的 flash 参考的结果
-
主要原因是我们使用的自定义xml格式有这个设置，这个html/css是由服务器端代码自动生成的。但是，如果您从表格中删除宽度并将 td 宽度设置为 290px，您会遇到完全相同的问题jsfiddle.net/CEvnx/8。
标签： css google-chrome safari webkit