html - 有没有办法在 outlook.com 中为电子邮件制作背景图像而无需重复？

Question

对于普通的网页，很容易让图片覆盖表格行(或div，通常在电子邮件中不使用。)例如，

tr {
    background-image: url('https://placehold.it/100x100');
    background-position: center;
    background-size: cover;
}

有没有办法在 outlook.com 的电子邮件中实现类似的效果？ (请注意，它是 outlook.com，而不是 outlook 客户端，因此 mso 标记将不起作用。)

Answer 1

我一直在 HTML 电子邮件中使用背景图片。许多电子邮件客户端(包括 Outlook.com)不支持 background-size: cover CSS 属性。作为解决方法，我建议您使用背景图像，该图像会随着 body 标签的背景颜色而淡入。图像必须至少有 950 像素宽才能覆盖大多数电子邮件客户端的阅读器屏幕。然后可以将 bg 图像应用于具有 100% 宽度的包装表容器。默认情况下它将居中。注意:对于 outlook 桌面客户端，您需要使用 VML bg hack。更多关于这里 https://www.emailonacid.com/blog/article/email-development/emailology_vector_markup_language_and_backgrounds