4

在处理 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>使用,并且消息的标签由 OWA<body>转换为 a 。<div>然后,该消息将合并 OWA 样式表中的样式,这些样式似乎覆盖了 HTML 电子邮件的内联样式。

我想我们会向微软开一张票。

4

1 回答 1

3

不幸的是,这个问题是微软的问题。我们前段时间和他们开了一张票,但还没有收到回复。因此,我们只需要凑合。

于 2012-04-18T18:54:38.460 回答