我正在为 Mailchimp 创建一个电子邮件模板。我已经下载了一个模板,现在按照要求放置我的内容(我知道使用 Mailchimp 模板语言)。我的问题是我必须使用圆角并且正在使用基于图像的圆角。
当我在 Mailchimp 可视化编辑器中编辑表格时,基于图像的圆角会损坏并且不再起作用。
我应该使用 CSS 还是基于图像的圆角?请有任何建议。
*编辑:始终使用图像这是我得到的最佳解决方案..
我正在为 Mailchimp 创建一个电子邮件模板。我已经下载了一个模板,现在按照要求放置我的内容(我知道使用 Mailchimp 模板语言)。我的问题是我必须使用圆角并且正在使用基于图像的圆角。
当我在 Mailchimp 可视化编辑器中编辑表格时,基于图像的圆角会损坏并且不再起作用。
我应该使用 CSS 还是基于图像的圆角?请有任何建议。
*编辑:始终使用图像这是我得到的最佳解决方案..
Mailchimp 在其电子邮件蓝图模板中使用基于 CSS 的圆角。这是来自 CampaignMonitor 的图表,显示了一些电子邮件客户端border-radius
(以及-moz
和-webkit
前缀)将/不会工作。
基于 CSS 的圆角不适用于每个电子邮件客户端,但会在不支持border-radius 属性的客户端中正常失败。当阅读器未启用图像时,将不会显示基于图像的圆角,并且根据您的经验,根据模板的设置方式,在 MailChimp 可视化编辑器中维护基于图像的圆角可能会很困难。
我的建议是基于 CSS 的圆角,使用前缀覆盖最广泛的电子邮件客户端:
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
使用图像,它们是 100% 支持的。此处示例如何正确执行此操作。
您需要上传由 Mailchimp 或您自己的 URL 托管的角落图像。如果是,Mailchimp 可能正在重新格式化您的代码。不确定它是否是所见即所得,因为我不是 Mailchimp 用户,但如果是这种情况,您始终可以编辑输出代码以将图像 URL 放回原处。