Outlook 2013 背景凹凸

Question

我在使用 Outlook 2013（和 2007）时遇到问题。该图显示了问题。下面提供部分HTML。

我也在 Litmus 中进行了测试，这仅出现在 2013/2007 年。我似乎无法确定问题可能是什么，我希望第二双眼睛能有所帮助。

<td width="270" style="vertical-align: top; text-align: left; font-size: 14px; line-height: 19px; padding: 0;" align="left" valign="top">
                  <table width="100%" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
                    <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                      <td style="color: #ffffff; vertical-align: top; text-align: left; font-size: 14px; line-height: 19px; padding: 0;" align="left" valign="top">
                        <table style="width: 100%; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
                          <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                            <td style="vertical-align: top; text-align: left; font-size: 14px; line-height: 19px; padding: 0;" align="left" valign="top">
                              <img src="table-topper.jpg" alt="" width="270" height="20" style="display: block; outline: 0;">
                            </td>
                          </tr>
                          <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                            <td width="100%" style="background-color:#5b8f20;vertical-align: top; text-align: left; font-size: 14px; line-height: 19px; padding: 0 20px;width:230px;" align="left" valign="top">
                              <h2 style="text-align: center; font-size: 33px; font-weight: normal; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;color: #ffffff;padding-bottom: 20px; border-bottom-width: 2px; border-bottom-color: #ffffff; border-bottom-style: solid; margin: 0 0 15px;" align="center" class="h2">Dragons VIP</h2>
                              <p style="border-bottom-color: #ffffff; border-bottom-width: 2px; border-bottom-style: solid; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 22px; margin: 0 0 10px; padding: 0 0 20px; color:#ffffff;" align="left">
                                <strong>
                                  Thursday, August 20, 2015
                                  <br> 11:30am–1:00pm
                                  <br> Fifth Third Field
                                </strong>
                              </p>
                              <p style="color:#ffffff;font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 22px; margin: 0 0 10px; padding: 0;" align="left">Space is limited, so don't delay. To RSVP, compliments of Fifth Third Bank, please contact Colleen Santella with the Dayton Dragons by August 13th.</p>

                              <p style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 22px; margin: 0 0 10px; padding: 0;" align="left">
                                <a href="mailto:xxx.xxx@xxx.com">
                                  <img src="rsvp-btn.png" alt="" width="230" height="52" style="display: block; outline: 0;">
                                </a>
                              </p>

                              <p style="color:#ffffff;font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 22px; margin: 0 0 10px; padding: 0;" align="left"><a href="mailto:colleen.santella@daytondragons.com" target="_blank" style="color: #ffffff; display: inline-block; width: 230px;">xxx.xxx@daytondragons.com</a> or at (xxx) xxx-xxxx x 112</p>
                            </td>
                          </tr>
                          <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                            <td style="vertical-align: top; text-align: left; font-size: 14px; line-height: 19px; padding: 0;" align="left" valign="top">
                              <img src="table-bot.jpg" alt="" width="270" height="20" style="display: block; outline: 0;">
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>

                </td>

Answer 1

我更改/添加了 TD 宽度以解决此问题。

Outlook 2013 背景凹凸

Outlook 2013 background bump

outlook

html-email