带图像背景的Outlook 2013 HTML签名 [英] Outlook 2013 HTML Signature with Image Background

问题描述

我找到了另一个线程（ Outlook 2013背景图片坏了），但我可以因为我是堆栈溢出的新用户，所以不予评论。这里是我的代码：

 < table width =695height =194border =0cellpadding =0 style =background-image：url（'http://champ.website-admin.net/files/2014/12/email.jpg'）; padding：24px;> 
< tbody> 
< tr> 
< td>< h3> Emma Woolward< / h3>< / td> 
< / tr> 
< tr> 
< td>< p>< a href =mailto：[e-mail]> [e-mail]< / a>< / p>< / td> ; 
< / tr> 
< tr> 
< td>< p> 1300 GO CHAMP< / p>< / td> 
< / tr> 
< tr> 
< td>< p> P：1300 462 426< / p>< / td> 
< / tr> 
< tr> 
< td>< a href =www.champresources.com.au>< p> www.champresources.com.au< / p>< / a>< / td> 
< / tr> 
< tr> 
< td>< a href =https://www.facebook.com/champresources?fref=ts>< img src =http://champ.website-admin.net/ files / 2014/12 / facebook.pngstyle =width：100px; height：33px; float：left;>< / a>< img src =http://champ.website-admin.net /files/2014/12/zeroharm.pngstyle =float：left; margin-left：5px;>< / td> 
< / tr> 
  

背景图片没有出现。对类似线程的回应建议使用多部分电子邮件，并提供了一个代码示例：

   -  ==边界-1 
 Content-Type：text / html; charset = utf-8 
 Content-Transfer-Encoding：7bit 
 Content-Base：http://test.endlesspeak.cz 
 
< td background =cid：bg -deepak.jpg> 
  -  == border-1 
 Content-type：image / jpg; name =bg-deepak.jpg
 Content-ID：< bg-deepak.jpg> 
 Content-Transfer-Encoding：base64 
 Content-Disposition：inline;文件名=bg-deepak.gif
  

我想知道这个示例代码最好在哪里还是其他人有任何其他想法为什么背景图像消失时，它进入前景？

解决方案

请记住，Outlook使用Word来呈现HTML，而不是IE。不知道Word是否支持表格的背景图片，AFAIK它不支持标签的背景图片。

I have found another thread (Outlook 2013 background image broken) however I can't comment as I am a new user of Stack Overflow. Here's my code:

<table width="695" height="194" border="0" cellpadding="0" style="background-image:url('http://champ.website-admin.net/files/2014/12/email.jpg'); padding:24px;">
 <tbody>
<tr>
  <td><h3>Emma Woolward</h3></td>
</tr>
<tr>
  <td><p><a href="mailto:[e-mail]">[e-mail]</a></p></td>
</tr>
<tr>
  <td><p>1300 GO CHAMP</p></td>
</tr>
<tr>
  <td><p>P: 1300 462 426</p></td>
</tr>
<tr>
  <td><a href="www.champresources.com.au"><p>www.champresources.com.au</p></a></td>
</tr>
 <tr>
  <td><a href="https://www.facebook.com/champresources?fref=ts"><img src="http://champ.website-admin.net/files/2014/12/facebook.png" style="width:100px;height:33px; float: left;"></a><img src="http://champ.website-admin.net/files/2014/12/zeroharm.png" style="float:left; margin-left:5px;"></td>
</tr>

Background image is not appearing. The response to the similar thread suggests to use a multipart e-mail and they offered a code example:

--==boundary-1
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: 7bit
Content-Base: http://test.endlesspeak.cz

<td background="cid:bg-deepak.jpg">
--==boundary-1
Content-type: image/jpg; name="bg-deepak.jpg"
Content-ID: <bg-deepak.jpg>
Content-Transfer-Encoding: base64
Content-Disposition: inline; filename="bg-deepak.gif"

I am wondering where this example code is best to go within the head?

Or does anybody else have any other thoughts on why the background image disappears when it goes into outlook?

解决方案

Keep in mind that Outlook uses Word to render HTML, not IE. Don't know if Word supports background images for tables, AFAIK it does not support background images for the tag.

这篇关于带图像背景的Outlook 2013 HTML签名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！