Outlook 2013 HTML Signature with Image Background

主宰稳场 提交于 2019-12-12 17:24:35

问题


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:operations@champresources.com.au">operations@champresources.com.au</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?


回答1:


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.



来源:https://stackoverflow.com/questions/27754961/outlook-2013-html-signature-with-image-background

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!