Outlook 2010和Gmail中的HTML呈现

Question

我正在以编程方式将完整的HTML消息发送给2个人... 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 ...仅留下了MY HAPPY MESSAGE ...

和Outlook的问题是，如果我使用css ... css无法正确呈现...除背景图像以外的所有css ...有人可以帮助我吗？

Answer 1

如您从SO中的Answer所见。 Gmail默认会阻止图像。 作为发件人，您无法做任何事情。

Answer 2

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

我知道的解决此问题的唯一方法是，是否将图像实际嵌入到电子邮件本身中。 换句话说，整个消息成为独立的。

同样，大多数电子邮件应用程序（尤其是基于Web的电子邮件应用程序）会去除HTML，HEAD和BODY标签。 如果您考虑一下，您将理解原因。 如果您确实需要背景图片，请将其移到体内的div。 就像<body><div style="...">CONTENT</div></body>

最后一点要注意的是，由于这些外部标记已被删除，因此您应将所有CSS类移到BODY标记之下。

要摆脱的主要问题是，您必须打破许多标准化规则才能使HTML电子邮件正常工作。 最后，您可以阅读Ros Hodgekiss的此链接。 这是一个相对较新的文章，谈论gmail和Outlook 07/10； 我自己还没有测试过，但是听起来很不错。

Outlook 2010和Gmail中的HTML呈现

问题描述

2 个解决方案

解决方案1
1 已采纳 2010-12-06 19:11:21

解决方案2
0 2010-12-06 19:42:19

Outlook 2010和Gmail中的HTML呈现

问题描述

2 个解决方案

解决方案1 1 已采纳 2010-12-06 19:11:21

解决方案2 0 2010-12-06 19:42:19

解决方案1
1 已采纳 2010-12-06 19:11:21

解决方案2
0 2010-12-06 19:42:19