在Outlook回复上返回.png文件的HTML电子邮件签名

时间:2012-05-24 07:14:44

标签: html email outlook png signature

我正在为我的公司创建一些电子邮件签名,但我遇到了一个小问题。

我已经使用Outlook正常工作(当我向Outlook用户发送签名看起来很完美时),但是当他们回复签名文本时会变成.png文件,而背景图像仍然显示。

我不确定为什么Outlook会把它变成.png?

有没有人经历过这个?

图片。

  1. 这是签名的外观,并且在Outlook& Mac邮件。

  2. 当Outlook用户回复我的电子邮件时会发生这种情况。它通过将文本转换为.png来保留文本和文本,如下图所示。

  3. 当Outlook用户响应时,签名变为.png。

  4. enter image description here

    http://bit.ly/Kcxx39

    enter image description here

    <br />
    <br />
    <table width="524" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
    <tr>
        <td style="width: 524px; height: 244px; background-image: url('http://photography.kastnerandpartners.com.au/email/rb_guy.jpg');">
            <!--[if gte mso 9]>
            <v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" style='behavior: url(#default#VML); display: inline-block; position: absolute; width: 524px; height: 244px; top: 0; left: 0; border: 0; z-index: 1;' src="http://photography.kastnerandpartners.com.au/email/rb_guy.jpg" />
            <v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theText" style='behavior: url(#default#VML); display: inline-block; position: absolute; width: 524px; height: 244px; top: 14; left: 40; border: 0; z-index: 2;'>
            <div>
            <![endif]-->
            <table width="524"; height: "244"; border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
              <tr>
                <td height="244" align="left top" valign="top">
    
                    <p style="z-index:2; padding: 14px 0 0 40px; line-height: 18px; font-family: 'Courier New', Courier, monospace; font-weight:800; font-size: 12px; color: #999999;">
                <br />
                <img src="http://photography.kastnerandpartners.com.au/email/KP-logo.png"><br />
                <span style="-webkit-text-size-adjust:none; font-size:12px;"><strong style="color: #333333">Michael Birchall</strong> | Art Director | <a href="http://kastnerandpartners.com.au" title="kastnerandpartners.com.au" style="color: #666666; text-decoration: none; border-bottom: 1px #cccccc dotted;">kastnerandpartners.com.au</a></span><br />            
                Level 2,  137 Pyrmont St, Pyrmont NSW 2009, Australia<br />
                t +61 2 8585 5555  | m +61 413 354 019<br />
                e <a href="mailto:michael.birchall@kastnerandpartners.com.au" style="color: #999999;">michael.birchall@kastnerandpartners.com.au</a><br />
    
                    </p>         
                </td>
              </tr>
            </table>
            <!--[if gte mso 9]>
            </div>
            </v:shape>
            <![endif]-->
        </td>
    </tr>
    </table>
    

2 个答案:

答案 0 :(得分:2)

VML方法仅用于从Campaign Monitor,MailChimp等部署服务发送HTML电子邮件时的背景图像。从Outlook中发送电子邮件时,程序本身会将自己的代码添加到您的签名中,将删除/删除您创建的编码(包括VML代码)。

最重要的是,Outlook因在回复时弄乱任何电子邮件的HTML而臭名昭着,因此无法保证您发送的内容将保持完整。

答案 1 :(得分:1)

任何人都想知道将来..我通过简单地将图像放在表格和表格单元格中解决了这个问题。

Outlook现在呈现的签名很好(很好的是Outlook 2007?) - 另一方面,Lotus笔记有一个恐慌攻击并用红色x呈现所有内容。

我遇到了Outlook 2010的问题 - 它在第一个和第二个之间存在差距......谁能看到这个代码出了什么问题?

<table id="Table_01" width="524" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
  <tr>
    <td colspan="3" style="padding:0;" cellpadding="0" cellspacing="0"><img src="http://photography.kastnerandpartners.com.au/email/bell/bell_01.png" width="524" height="19" alt="" style="background-color:#ffbb39;"></td>
  </tr>
  <tr>
    <td rowspan="2" style="padding:0;" cellpadding="0" cellspacing="0"><img src="http://photography.kastnerandpartners.com.au/email/bell/bell_02.png" width="18" height="151" alt="" style="background-color:#ffbb39;"></td>
    <td width="488" align="left top" valign="top" alt="" style="background-color:#fff; padding: 10px 0 0 25px;" cellpadding="0" cellspacing="0">
    <p style="padding: 0; line-height: 18px; font-family: 'Courier New', Courier, monospace; font-weight:800; font-size: 12px; color: #999999;">
    <img src="http://photography.kastnerandpartners.com.au/email/KP-logo.png"><br />
        <span style="-webkit-text-size-adjust:none; font-size:12px;"><strong style="-webkit-text-size-adjust:none; font-size:12px; color: #333333;">Michael Birchall</strong> | Art Director | <a href="http://kastnerandpartners.com.au" title="kastnerandpartners.com.au" style="color: #666666; text-decoration: none; border-bottom: 1px #cccccc dotted;">kastnerandpartners.com.au</a></span><br />
        <span style="-webkit-text-size-adjust:none; font-size:12px;"><strong style="color: #999999">Level 2,  137 Pyrmont St, Pyrmont NSW 2009, Australia<br />
        t +61 2 8585 5555 | m +61 413 354 019<br />
        e <a href="mailto:michael.birchall@kastnerandpartners.com.au" style="color: #999999;">michael.birchall@kastnerandpartners.com.au</a><br />
        </strong></span> </p></td>
    <td rowspan="2" style="padding: 0;" cellpadding="0" cellspacing="0"><img src="http://photography.kastnerandpartners.com.au/email/bell/bell_04.png" width="18" height="151" alt="" style="background-color:#ffbb39;"></td>
  </tr>
  <tr>
    <td valign="bottom" style="padding: 0;" cellpadding="0" cellspacing="0"><img src="http://photography.kastnerandpartners.com.au/email/bell/bell_05.png" width="488" height="18" alt="" style="background-color:#ffbb39;"></td>
  </tr>
  <tr>
    <td colspan="3" style="padding: 0;" cellpadding="0" cellspacing="0">
    <img src="http://photography.kastnerandpartners.com.au/email/bell/bell_06.png" width="524" height="74" alt="" style="background-color:#ffbb39;">

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