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属性。作为一种解决方法，我建议您使用与身体标记的背景颜色淡入的背景图像。为了覆盖大多数电子邮件客户端中的阅读器屏幕，图像必须至少为950px宽。然后可以将bg图像应用于具有100％的包装表容器。它将作为默认值居中。注意：对于Outlook桌面客户端，您需要使用VML bg hack。更多相关内容https://www.emailonacid.com/blog/article/email-development/emailology_vector_markup_language_and_backgrounds

有没有办法制作背景图片而不重复outlook.com中的电子邮件？

1 个答案: