html - HTML 电子邮件中的图像 mask

Question

在基于表格的 HTML 电子邮件中，是否有一种可靠的方法可以将一个图像覆盖在另一个图像之上？请记住，为了正确呈现，样式需要内联。

Answer 1

Apparently使背景图片适用于所有电子邮件阅读器的唯一方法是为正文标记的 HTML 背景属性(对于 Outlook 2007、2010)和占据整个页面的 HTML 表格的 HTML 背景属性指定一个(适用于所有其他电子邮件阅读器)。在所有电子邮件阅读器中显示的其他任何地方似乎都不可能有背景图像。

一般来说答案是否定的。您不能将前景内容叠加在其他前景内容之上，而且添加背景图像的选项几乎不存在。但是，如果您可以为 body 标签(和表格包装器)使用一个大的 bg 图像，并结合一个或多个前景图像，那么"is"。

参见:http://blog.mailermailer.com/2011/04/background-images-in-html-email-the-naked-truth/

编辑:

在 Litmus 中进行了一些详尽的测试后，答案是响亮的“否”。 Outlook 2007 及更高版本仅支持两种显示背景图像的方式:使用 HTML background body 上的属性标记，并使用内联 background-image body 上的风格标签。但在这两种情况下，Outlook 缩放图像的方式与其他电子邮件阅读器不同，并且没有办法阻止 bg 图像平铺。

出于所有实际目的，在支持各种电子邮件阅读器很重要的情况下:

1. 无法叠加图像(或任何其他类型的内容)。
2. 不支持 Bg 图片。