Chrome浏览器中的垂直表格间隙答案

【问题标题】：Vertical table gaps in Chrome browserChrome浏览器中的垂直表格间隙
【发布时间】：2017-05-16 16:23:41
【问题描述】：

我希望有人能帮助我解决这个令人费解的问题。

我使用 Photoshop 的切片工具创建了一个登录页面，将一张大图像与源代码中添加的一些 CSS 样式拼凑在一起。该页面在 IE（版本 7 到 9）和 Firefox 上完美呈现。但在 Chrome 浏览器上，图像之间有几个垂直间隙 - 任何解决此问题的建议将不胜感激！

我已将问题范围缩小到导致问题的以下代码行......

<td colspan="5" rowspan="2" background="images/index_28.jpg" width="296" height="32">
  <input type="text" name="Email" size="45" id="entry" /></td>

【问题讨论】：

【解决方案1】：

找到答案了。

我有一些输入文本字段的大小过长，它使表格边界超出了背景图像的实际大小，从而导致了“垂直间隙”。缩短输入文本字段解决了这个问题。

希望这个答案能帮助遇到同样问题的其他人！

【讨论】：