MailChimp模板

时间:2016-07-22 15:28:53

标签: css background-image mailchimp

如何在MailChimp模板上使用背景图像?

这是我的第一个MailChimp模板集成,我无法弄清楚为什么我的背景图片会被忽略。

以下是html版本:http://www.opi.krown.ch/

问题在于,所有我的背景图像都被忽略了,就像你在那里看到的那样(即使在MailChimp代码编辑器/预览中):

enter image description here

我试过几种方法,比如:

#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模板兼容,如下所述:

http://templates.mailchimp.com/resources/email-client-css-support/?_ga=1.130272975.1389054611.1446716703

我检查了文档:

https://mailchimp.com/resources/guides/mailchimp-for-designers/html/

看来我做得很好。问题是什么?

1 个答案:

答案 0 :(得分:1)

在HTML电子邮件中,必须为所有图像提供指向公共服务器的绝对链接。 (见http://kb.mailchimp.com/templates/code/common-html-mistakes

这才有意义 - 当有人在收件箱中打开您的电子邮件时,他们只会打开您的电子邮件,而不是您的目录结构。并且您的电子邮件无法访问其目录结构(从其收件箱中获取的目录是什么?)。