1

我一直在提醒自己 Outlook 和电子邮件是多么可爱。当我的“空”间隔表格单元格在 Outlook 2003 或更低版本中显示为黑色表格单元格时，我遇到了问题，有什么想法吗？我有间隔 gif，我在 tds 上给出了宽度并设置了 bgcolor，但它仍然导致这个问题。我在使用 span 设置文本样式时也遇到了这个问题，但是将它们更改为 div 解决了这个问题。

这是我的代码片段：

            <!-- Introduction section -->
            <table id="intro" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="font-size: 15px; line-height: 24px border: none;">
              <tr>
                <td height="16" bgcolor="#fff" colspan="3">  </td>
              </tr>
              <tr>
                <td colspan="3">
                  <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
                    <tr>
                      <td width="60%" height="1" bgcolor="#99ad26"> </td>
                      <td width="40%" height="1" bgcolor="#ffffff"> </td>
                    </tr>
                  </table>
                  </td>
                </tr>
                <tr>
                  <td height="2" bgcolor="#fff" colspan="3"> </td>
                </tr>
                <tr>
                  <td colspan="3">
                    <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
                      <tr>
                        <td width="70%" height="1" bgcolor="#99ad26"> </td>
                        <td width="30%" height="1" bgcolor="#ffffff"> </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td height="24" bgcolor="#ffffff" colspan="3">   </td>
                </tr>
                <tr>
                  <td width="24" bgcolor="#fff"><img src="http://www.ukgbc.org/sites/files/ukgbc/email/images/spacer.gif" alt="" width="24" height="1" style="display: block;"/</td>
                  <td width="512" align="left" bgcolor="#fff"> 
                    <h1 style="font-size: 30px; margin: 0px; margin-bottom: 25px; font-family:Arial, Helvetica, sans-serif; background-color: #fff;" mc:edit="intro_heading">Introduction</h1>
                    <div mc:edit="greeting" mc:hideable style="font-family:Arial, Helvetica, sans-serif; font-size:16px; background-color: #fff;">Dear *|FNAME|*,</div>
                    <br /><br />
                    <div mc:edit="introduction" style="font-family:Arial, Helvetica, sans-serif; font-size:15px; background-color: #fff;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui sem, rutrum ut tristique a, eleifend quis libero. Aenean scelerisque blandit ante quis aliquet. Proin et augue odio, eget porta tortor. Fusce pharetra quam sed nisl vulputate ullamcorper.
                    </div>
                  </td>
                  <td width="24" bgcolor="#fff"><img src="http://www.ukgbc.org/sites/files/ukgbc/email/images/spacer.gif" alt="" width="24" height="1" style="display: block;"/</td>
                </tr>
                <tr>
                  <td height="40" bgcolor="#fff" colspan="3">   </td>
                </tr>
              </table>
4

1 回答 1

1

Outlook“讨厌”截断的颜色代码。任何 3 个字符的代码都被视为黑色。将所有颜色（样式标签外的背景颜色）编码为 6 位/字符代码。白色 = #FFFFFF 黑色 = #000000

于 2013-02-20T21:09:25.217 回答