html - Windows Outlook 0 7' 10' html 电子邮件中图像上的垂直 1px

Question

我的 HTML 电子邮件在 Windows Outlook 2007 和 2010 中的图像上有一个垂直白色 1px。 我不知道为什么会这样。到目前为止，这只发生在 Windows Outlook 中。而不是任何其他客户。

这是一张照片

<tr>
    <td id="header" class="w640" width="640" align="center" bgcolor="#FFFFFF">
        <img editable label='header image' src="images/header.gif" class="header" width="640">
    </td>
</tr>

Answer 1

我在谷歌搜索时遇到了 Outlook 中这种边框行为的两个可能原因:

• Outlook 将 1px border 添加到表格单元格元素。您可以通过对表格单元格使用 border-collapse : collapse CSS 属性以及对 cellpadding="0" 元素使用 cellspacing="0" 和 table 属性来摆脱它。奇怪的是，这个边框似乎只在 td 的右侧，但由于 <img> 布局，它可能是这样。 如果您想查找有关此问题的更多信息，可以关注此 link。

• 如果您在 CSS 类中的某处设置您的边框，例如 border: 0px style color(或根本不设置)(这里的主要部分是将 border-width 设置为 0px) 它会被 Outlook 忽略，因此您可以通过设置 border-style : none 使其根本不显示边框。我想这更接近你的问题，因为我找到了一张类似的样本图片 here 。