如何在MailChimp模板上使用背景图像?
这是我的第一个MailChimp模板集成,我无法弄清楚为什么我的背景图片会被忽略。
以下是html版本:http://www.opi.krown.ch/
问题在于,所有我的背景图像都被忽略了,就像你在那里看到的那样(即使在MailChimp代码编辑器/预览中):
我试过几种方法,比如:
#footer {
background: rgba(0, 0, 0, 0) url("bg-traits.png") repeat-x scroll 0 0;
clear: both;
margin: 15px auto;
padding: 15px 15px 0;
text-align: center;
}
#footer {
background-image:url("bg-traits.png");
clear: both;
margin: 15px auto;
padding: 15px 15px 0;
text-align: center;
}
我也尝试将此规则内联,并使用jpg文件代替png,但没有任何工作。
通常情况下,背景和背景图片属性应与MailChimp模板兼容,如下所述:
我检查了文档:
https://mailchimp.com/resources/guides/mailchimp-for-designers/html/
看来我做得很好。问题是什么?
答案 0 :(得分:1)
在HTML电子邮件中,必须为所有图像提供指向公共服务器的绝对链接。 (见http://kb.mailchimp.com/templates/code/common-html-mistakes)
这才有意义 - 当有人在收件箱中打开您的电子邮件时,他们只会打开您的电子邮件,而不是您的目录结构。并且您的电子邮件无法访问其目录结构(从其收件箱中获取的目录是什么?)。