MailChimp 模板上的背景图像

Posted 2023-03-24

【中文标题】MailChimp 模板上的背景图像

【英文标题】：Background images on MailChimp templates

【发布时间】：2016-11-26 13:59:30

【问题描述】：

如何在 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，但没有任何效果。

通常，background 和 background-image 属性应该与 MailChimp 模板兼容，如下所述：

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

我查看了文档：

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

看来我一切都做得很好。有什么问题？

【问题讨论】：

如果您的所有语法都正确，您确定 MailChimp 可以找到该文件吗？需要绝对网址吗？

@dogwoodtree-dot-net，确实它使用绝对 URL，图像存储在我的服务器上。问题是我更喜欢使用相对 URL 的解决方案

【参考方案1】：

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

这很有意义 - 当有人在收件箱中打开您的电子邮件时，他们只是打开了您的电子邮件，而不是您的目录结构。而且您的电子邮件无权访问他们的目录结构（收件箱中的一个目录是什么？）。