Question

我将一个大的动画背景gif放入HTML表格中。我使用了标准的Outlook技巧，以便显示背景。我不希望它有动画，但至少显示第一帧。在图像的顶部，我有促销代码的不同URL和html文本。因此，我使用透明间隔图像来设置间距，以便我可以链接不同的部分。

此代码适用于所有平台和浏览器，包括Outlook 2013.但是，在某些计算机上，背景图像似乎爆炸或放大，因此电子邮件看起来扭曲。我们检查了所有外观和计算机显示设置是否相同。

为什么这封电子邮件在不同的计算机上显示的方式不同，即使它在其他计算机上运行良好？

<table width="684" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
    <td valign="middle" align="center" width="684" height="762" background="https://cdn.staticsfly.com/i/sfly/y/2016/P21626_summer_animate_v2.gif" style="background-color:#ffffff; min-width:684px;">
<!--[if gte mso 9]>
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:684px;height:762px;">
        <v:fill type="tile" src="https://cdn.staticsfly.com/i/sfly/y/2016/P21626_summer_animate_v2.gif" color="##ffffff" />
        <v:textbox inset="0,0,0,0">
<![endif]-->
    <div>
    <table width="684" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td valign="top" width="684" height="29" colspan="2"><img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="684" height="29" border="0" alt="48 HOURS ONLY"></td>
    </tr>
    <tr>
        <td valign="top" width="342" height="243"><a href="#"><img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="342" height="243" border="0" alt="ONE NOTEPAD"></a></td>
        <td valign="top" width="342" height="243"><a href="#"><img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="342" height="243" border="0" alt="ONE MAGNET"></a></td>
    </tr>
    <tr>
        <td valign="top" width="684" height="206" colspan="2"><img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="684" height="206" border="0" alt="CHOOSE TWO FREE GIFTS"></td>
    </tr>
    </table>
    <table width="684" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td valign="top" width="248" height="66"><a href="#"><img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="248" height="66" border="0" alt="ONE 8x10 ART PRINT"></a></td>
        <td valign="top" align="center" width="190" height="66" style="font-family: Arial, Verdana, Geneva, sans-serif; color: #000001; font-size: 14px; line-height: 22px; min-width:190px;"><span class="apple_link" style="color:#000001; text-decoration: none;">Offer ends Sunday<br>Code: 2DELIGHTS</span></td>
        <td valign="top" width="246" height="66"><a href="#"><img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="246" height="66" border="0" alt="ONE PLACEMAT"></a></td>
    </tr>
    </table>
    <table width="684" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td valign="top" width="342" height="218"><a href="#"><img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="342" height="218" border="0" alt="ONE 8x10 ART PRINT"></a></td>
        <td valign="top" width="342" height="218"><a href="#"><img style="display: block;" src="https://cdn.staticsfly.com/i/e/z/spacer_60x80.gif" width="342" height="218" border="0" alt="ONE PLACEMAT"></a></td>
    </tr>
    </table>
    </div>
<!--[if gte mso 9]>
        </v:textbox>
    </v:rect>
<![endif]-->

    </td>
</tr>
</table>

Outlook 2013背景图像在不同的计算机上呈现不同

0 个答案: