Html Outlook 2013背景图像已损坏

Html Outlook 2013背景图像已损坏,html,css,outlook,vml,Html,Css,Outlook,Vml,我对Outlook 2007/2010/2013中的背景图像有问题 代码: PoprvénavštívíČR Deepak Chopra,světováautorita v oblasti spirity a osobního rozvoje,popumpárni americkýspíkr a spisovatel。雅科·普罗斯卢尔·莱卡·福尔马洛娃·弗拉斯特尼特斯·莱切尼,维克托·莱克托·普罗普吉耶·特拉迪契尼夫·乔德尼·莱切蒂特尔斯克·努姆·蒂姆·尼杰勒普·希姆,纳比兹·扎帕德尼·梅

我对Outlook 2007/2010/2013中的背景图像有问题

代码:


PoprvénavštívíČR Deepak Chopra,světováautorita v oblasti spirity a osobního rozvoje,popumpárni americkýspíkr a spisovatel。雅科·普罗斯卢尔·莱卡·福尔马洛娃·弗拉斯特尼特斯·莱切尼,维克托·莱克托·普罗普吉耶·特拉迪契尼夫·乔德尼·莱切蒂特尔斯克·努姆·蒂姆·尼杰勒普·希姆,纳比兹·扎帕德尼·梅迪纳的合作伙伴

问题就在Outlook 2007/2010/2013中。在Outlook 2002/2003/2011中,它可以正常工作

2011年展望:-背景图像作品

Outlook 2013:-背景图像已损坏


感谢您的帮助。

使用带有base64编码图像的多部分电子邮件,例如:

下图显示了使用消息格式MHTML发送的消息。它将HTML对象编码为MHTML格式的图像,并从ASP页面中的位置检索SKY.jpg图像。它在BASE-64中对图像进行编码,并为图像提供一个CID,它在内部将image SRC属性链接到该CID

-->=boundary-1
内容类型:text/html;字符集=utf-8
内容传输编码:7bit
内容库:http://www.sky.com
--==边界-1
内容类型:图像/gif
内容ID:
内容传输编码:base64
内容配置:内联;filename=“SKY.gif”
这将在相关代码中转化为类似的内容:

--==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"
-->=boundary-1
内容类型:text/html;字符集=utf-8
内容传输编码:7bit
内容库:http://test.endlesspeak.cz
--==边界-1
内容类型:图片/jpg;name=“bg deepak.jpg”
内容ID:
内容传输编码:base64
内容配置:内联;filename=“bg deepak.gif”
参考资料


2007/2010/2013使用另一个旧版本的电子邮件呈现版本,因此更可能出现一些错误。以下是一个适合我的版本:

<td background="yourimage.png" bgcolor="#FFFFFF" class="a8 a9 a10" style="height:50px;background-image:url('yourimage.png')" valign="top">
<!--[if gte mso 9]><v:rect fill="true" stroke="false" style="width:700px;height:50px;"><v:fill color="#FFFFFF" src="yourimage.png" type="tile" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
<table border="0" cellpadding="0" cellspacing="0" style="width:100%">
<tr class="a8" style="height:50px">
<td valign="top">some content
</td>
</tr>
</table>
<p style="margin:0;mso-hide:all">
<o:p> 
</o:p>
</p>
<!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
</td>

一些内容


请注意,所有元素的高度都与图像高度相对应,否则它将不起作用。

我不太熟悉outlook电子邮件的怪癖,但您能在其上添加样式属性吗?style=“background image:url();”它也不起作用:-/有关此相关堆栈溢出问题的链接可能会对您有所帮助。祝你好运电子邮件爆炸是一种痛苦。最好不要将图像用作背景。大多数outlook旧版本仍然不支持背景图像。最好使用
标记。
--==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"
<td background="yourimage.png" bgcolor="#FFFFFF" class="a8 a9 a10" style="height:50px;background-image:url('yourimage.png')" valign="top">
<!--[if gte mso 9]><v:rect fill="true" stroke="false" style="width:700px;height:50px;"><v:fill color="#FFFFFF" src="yourimage.png" type="tile" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
<table border="0" cellpadding="0" cellspacing="0" style="width:100%">
<tr class="a8" style="height:50px">
<td valign="top">some content
</td>
</tr>
</table>
<p style="margin:0;mso-hide:all">
<o:p> 
</o:p>
</p>
<!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
</td>