Question

我正在以编程方式向2个人发送完整的HTML邮件... 1是Gmail用户，另一个是使用Outlook的私人主机...消息如下：

<html xmlns="http://www.w3.org/1999/xhtml\">
<body background="http://sa-tips-spint1:103/_layouts/images/corrente%20do%20bem/2010/cartao.jpg" BGCOLOR="#000000" style="background-position: center top;
                 margin-left: 0px;
                 margin-top: 0px;
                 margin-right: 0px;
                 margin-bottom: 0px;">
    <div align="center">
        <p>&nbsp;</p>
    </div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <table width="827" height="69" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td width="504">&nbsp;</td>
            <td width="323" valign="top">
                <p style="color:'#FFFF66';font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;">Ola,</p>
                <p style="color:'#FFFF66';font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;"> MY HAPPY MESSAGE </p>
            </td>
        </tr>
    </table>
</body>
</html>

Gmail的问题是，图片没有显示，背景不适用，也没有应用任何类型的CSS ...只留下我的快乐消息......

并且Outlook的问题是，如果我使用css ... css无法正确渲染...除了背景图像之外的所有CSS ...任何人都可以帮助我吗？

Answer 1

从这个Answer in SO可以看出。 Gmail默认阻止图像。作为发件人，您无法做任何事情。

Answer 2

默认情况下，所有现代邮件阅读器都会禁用图像和其他外部引用。它们将保持禁用状态，直到用户为一条消息启用图像或告诉读者程序在从该帐户接收图像时始终启用图像。如果您不是必须的话，通常尊重这一点并且不提供外部参考通常是个好主意。

我知道的唯一方法就是将图像实际嵌入电子邮件中。换句话说，整个消息变得自成一体。

此外，大多数电子邮件应用程序（尤其是基于Web的应用程序）都会删除HTML，HEAD和BODY标记。如果你考虑一下，你会理解为什么。如果您确实需要背景图像，请将该图像移动到正文内部的div。与<body><div style="...">CONTENT</div></body>

一样

最后一点，因为删除了那些外部标记，您应该将任何CSS类移动到BODY标记之下。

要摆脱这一点的主要原因是，您必须打破许多标准化规则才能使HTML电子邮件正常工作。最后，你可以阅读Ros Hodgekiss的this link。这是一个相对较新的帖子，谈论gmail和outlook 07/10;我自己没有测试过，但听起来相当不错。

Outlook 2010和Gmail中的HTML呈现

2 个答案: