Question

使用HTML电子邮件，我们已经收到了在任何地方正确呈现的电子邮件：Outlook 2010，Mozilla Thunderbird，Horde / IMP，Gmail，Yahoo等。但是，当通过Outlook Web App检查电子邮件时（Exchange 2010），有时会错误地呈现HTML电子邮件。

我们看到的两个问题是，在Internet Explorer和Firefox中，字体大小的CSS内联指令不受尊重，在Firefox中，表格单元格之间存在间隙，从而破坏了图像。仅当邮件不在收件箱中时才会发生这种情况。如果我们将邮件从文件夹拖到收件箱中，问题就会消失。将其拖回文件夹，然后重新出现。如果我们在新窗口中打开邮件（而不是在预览窗格中），则邮件会正确呈现。

我猜测Outlook Web App的CSS正在干扰，但我希望有人遇到过类似的问题，并且可能会对如何解决这个问题有所了解。

以下是客户端中显示的相关消息来源：

<html>
  <head>
    <style>a{color:#BF0005}</style>
  </head>
  <body bgcolor="#F5F5F5" style="margin:0;text-align:center">
  <table cellpadding="0" cellspacing="0" style="width:604px;margin:0 auto;font-family:Tahoma,sans-serif;font-size:10pt;line-height:16pt">
    <tr>
      <td rowspan="3" style="vertical-align:top;width:10px"><img src="cid:2e39cc62f2ab417d1b9461b437c72ffc" width="10px" height="410px" /></td>
      <td style="padding-top:10px;margin-bottom:0;vertical-align:bottom;width:584px;height:84px"><img style="vertical-align:bottom" src="cid:5ed2b7dfeca322e0d1e0b40bd3a0a48d" width="584px" height="84px" alt="Image Alternate Text Here" /></td>
      <td rowspan="3" style="vertical-align:top;width:10px"><img src="cid:6f108f42f85401cababf9d5dc64fb8f9" width="10px" height="410px" /></td>
    </tr>
    <tr>
      <td style="vertical-align:top;text-align:left;background-color:#FFF;padding:0 50px 40px">
        <h1 style="text-align:center;margin-top:15px;font-size:12pt">Header</h1>
        <p>This is a test email.</p>
      </td>
    </tr>
    <tr>
      <td colspan="3" style="padding:30px 50px;font-size:8pt;text-align:center;color:#888888;line-height:10pt">Footer text</td>
    </tr>
  </table>
  </body>
</html>

编辑：我已经通过Firebug对源代码进行了一些挖掘，我认为我已将其缩小为Outlook Web App的问题。在“收件箱”视图中，邮件正文封装在<iframe>中，HTML邮件的内容保持不变。但是，查看其他文件夹中的邮件来源时，不会使用<iframe>，并且邮件的<body>标记会被OWA转换为<div>。然后，该消息将合并来自OWA样式表的样式，这些样式似乎覆盖了HTML电子邮件的内联样式。

我想我们打算开一张微软的票。

Answer 1

不幸的是，这个问题是微软的问题。我们不久前和他们开了一张票，但没有收到回复。因此，我们只需要做。

Outlook Web App错误地呈现不在收件箱中的HTML电子邮件

1 个答案: