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

Question

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

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

任何帮助/建议都会很棒

提前致谢

Answer 1

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

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

另一个技巧是将!important声明添加到您的 CSS 以便 Gmail 识别背景图像。

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

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