Mailchimp模板中的圆角 - CSS还是基于图像的？

Question

8

我正在为Mailchimp创建电子邮件模板。我已经下载了一个模板，现在按照要求放置我的内容（我知道如何使用Mailchimp模板语言）。我的问题是我必须使用圆角，并使用基于图像的圆角。

当我在Mailchimp可视化编辑器中编辑表格时，基于图像的圆角会变得不完整并且不再起作用。

我应该使用CSS还是基于图像的圆角？有什么建议吗？

*编辑：始终使用图像，这是我得到的最佳解决方案。

- Sikander

你能提供你的代码吗？ - samanthasquared

您可以在此处看到具有图像的9个框，它们无法按照我的意愿正常工作。http://hsikander.zxq.net/Final/odesk.html - Sikander

2个回答

2

使用图片可以得到100%的支持。这里有正确使用图片的示例。

您需要上传角落图片，可以由Mailchimp或者您自己的URL进行托管。如果使用了Mailchimp，它可能会重新格式化您的代码。我不确定它是否是所见即所得编辑器，因为我不是Mailchimp的用户，但如果是这种情况，您总可以编辑输出代码以恢复图像的URL。

- John

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Brett DeWoody · Accepted Answer

Mailchimp在电子邮件蓝图模板中使用基于CSS的圆角。这里是CampaignMonitor的图表，显示一些电子邮件客户端border-radius（和-moz和-webkit前缀）将/不会起作用。

基于CSS的圆角不会在每个电子邮件客户端中工作，但会在不支持border-radius属性的客户端中优雅地失败。当读者未启用图像时，基于图像的圆角将不会显示，如您所经历的，在MailChimp可视化编辑器中维护基于图像的圆角取决于您的模板设置方式。

我的建议是使用基于CSS的圆角，并使用前缀覆盖最广泛的电子邮件客户端。

border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;