电子邮件模板的图像上覆盖文本

Question

我对适用于电子邮件模板的背景图像有疑问（我知道背景图像不会在所有电子邮件模板中始终如一地工作，但我的客户希望它与背景图像一起通过电子邮件发送）。 我想为邮件模板添加背景图片，但没有运气，因为大多数客户端都不支持它。

我尝试使用负边距左侧和绝对位置来覆盖图像上的文本，但没有运气，因为 outlo0k、gmail 和笔记不支持左侧边距。

任何帮助/建议都会很棒

提前致谢

Answer 1

是的，仍然有一些很好的解决方案来实现背景图像。

在 Outlook 中，这是较难处理的客户端之一，Campaign Monitor 博客中的 post 应该会为您指明正确的方向。这是一种使用 VML 使背景图像在 Outlook 2007、2011、2013 中正常工作的技术。

另一个技巧是在您的 CSS 中添加 !important 声明，以便 Gmail 识别背景图片。

如果您使用带有旧的bgcolor 属性设置的表格，您可能还需要设置背景颜色，以防您的背景图片无法加载。这样，如果您说...蓝色背景上的灰色文本，它看起来仍然没问题。

最后，将背景图像设置为内联 CSS 并使用媒体查询，以便在 iPad 等更易于使用的客户端上获得所需的结果。