2

所以,我正在为 Outlook 2010 制作一个 MIME 消息,格式为HTMLCSS.

这是HTML我正在生成的:

<!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>asdfasdf</title>
</head>

<body>

<div style="text-align:left;">
<span style="font-family:'Tahoma';font-size:1em;">
<span style="background-color:#E6E501;">
<span style="color:#0013D6;">asfdasdfad</span></span></span></div>

<div style="text-align:left;">
<span style="font-family:'Tahoma';font-size:1em;">
<span style="background-color:#0A00CE;">
<span style="color:#01D6DE;">asdfasdfasdf</span></span></span></div>

</body>
</html>

这是编辑器在生成之前的样子:

我们的计划

这是 Outlook 2010 显示的内容:

展望 2010

HTML在线编辑器中也是如此:

在此处输入图像描述

这到底是怎么回事?为什么字体颜色仅适用于 Outlook 中的浅色背景而不适用于深色背景?有没有其他人有这个问题?根据此网站: http: //www.campaignmonitor.com/css/ CSScolorbackground-color标签都应受 Outlook 2010 支持。

此外,我制作了单独的跨度,因此我可以轻松查看发生了什么。这不是我们的默认行为,仅用于测试。

4

1 回答 1

2

在电子邮件中,您应该使用表格而不是 div。您还应该使用 html 的 bgcolor="" 属性声明背景颜色,如下所示:

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#E6E501" style="font-family:'Tahoma', sans-serif; sans; font-size:14px; color:#0013D6;">
       asfdasdfad
    </td>
  </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#0A00CE" style="font-family:'Tahoma', sans-serif; sans; font-size:14px; color:#01D6DE;">
       asdfasdfasdf
    </td>
  </tr>
</table>

我还添加了以像素为单位的字体大小和字体的后备。通常你也会在你的桌子上设置一个 width="" ,但我把它留了下来,因为它更符合你的问题。

于 2013-07-18T21:27:03.330 回答