主体上的HTML电子邮件背景在Outlook 2013中不起作用

时间:2014-07-16 16:02:15

标签: html outlook background-image html-email document-body

我有以下html,如果我在浏览器上打开它工作正常..但是当我将它作为邮件发送到我的Outlook 2013时,我没有看到背景..

<!DOCTYPE html>
<html>
<head>
<title>Untitled Document</title>
</head>

<body style='background-image: url("http://postimg.org/image/t6abf7srn/");background-repeat:no-repeat'>

</body>
</html>

我在此链接中尝试了选项1和2:http://blog.mailermailer.com/email-design/background-images-in-html-email-the-naked-truth

也尝试过以下链接中的解决方案:

1)http://blog.mailermailer.com/email-design/bulletproof-email-background-images-fact-or-fiction

2)http://backgrounds.cm/

但没有运气。

只是添加我的VML添加,这似乎也不起作用:

<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Untitled Document</title>
</head>

<body style='background-image: url("http://postimg.org/image/t6abf7srn/");background-repeat:no-repeat'>
<!--[if gte mso 9]>
<v:background fill="t">
   <v:fill type="tile" src="http://www.example.com/background_image.jpg" />
</v:background>
<![endif]-->

</body>
</html>

3 个答案:

答案 0 :(得分:0)

Outlook中的HTML由Word呈现,而不是IE。 Word不支持HTML格式的背景图片。

答案 1 :(得分:0)

您确定已将vml xmlns添加到html标记中吗?

<html xmlns:v="urn:schemas-microsoft-com:vml">

我没有遇到提供的片段CM(放在身体顶部)的问题

<!--[if gte mso 9]> <v:background fill="t"> <v:fill type="tile" src="http://www.example.com/background_image.jpg" /> </v:background> <![endif]-->

EDIT !!

原来你甚至不需要VML来展示身体背景。 <body style="margin:0px; padding:0px;" bgcolor="#0088cc" background="http://imagez.biz/bkg.png">

答案 2 :(得分:0)

您指向的是文档,而不是css中的图像文件。改为添加图片的网址,如下所示:


<body style='background-image: url("http://s21.postimg.org/ko0vavm93/image.jpg");background-repeat:no-repeat'>
然而,就像@Dmitry Streblechenko所说的支持一样,我知道前景已经恢复了一段时间并停止支持他们。不确定2013年的支持 我会把那个图像切成表格:)