html - 为什么这个png有一个白色边框

Question

这张 png-24 图像看起来它的颜色完全延伸到其 302∼∼∼354 维的边缘: 但是，当我将其放入 td 并通过电子邮件发送时，我得到如下信息:

html 表格:

    <td rowspan="3" style="vertical-align:top; border:1px solid #e6e6e6; background-color:#f0f1f2;">
        <img src="email_img.png" height="177px" alt="Sample image" />
    </td>

截图来自gmail。虽然没有看过其他电子邮件客户端。知道为什么会这样吗？谢谢!

Answer 1

这是因为每个电子邮件客户端都有自己的呈现引擎，即 Outlook 与其他桌面电子邮件客户端。要解决这个问题，您需要进行大量的跨客户端测试，并且只使用他们都“喜欢”的内联样式

或

如果您在 gmail 中看到这个，那么您可能有 gmails 样式表向下层叠并影响您的 DOM 元素。为了解决这个问题，您需要为表格定义一个样式(内联，因为它是电子邮件或引用您服务器上的样式表，尽管基于 Web 的客户端可能会剥离正文之外的所有内容)