HTML电子邮件中的图像掩码

HTML电子邮件中的图像掩码,html,html-email,Html,Html Email,在基于表格的HTML电子邮件中,是否有可靠的方法将一个图像覆盖在另一个图像上?请记住,为了正确渲染,样式需要内联。使bg图像在所有电子邮件阅读器中都能工作的唯一方法是为正文标记(适用于Outlook 2007、2010)的HTML背景属性和占据整个页面的HTML表的HTML背景属性指定一个bg图像(适用于所有其他电子邮件阅读器)。似乎不可能在所有电子邮件阅读器的任何其他位置显示bg图像 一般来说,答案是“否”。您不能将前景内容覆盖在其他前景内容之上,并且添加bg图像的选项几乎不存在。但是,如果您

在基于表格的HTML电子邮件中,是否有可靠的方法将一个图像覆盖在另一个图像上?请记住,为了正确渲染,样式需要内联。

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

一般来说,答案是“否”。您不能将前景内容覆盖在其他前景内容之上,并且添加bg图像的选项几乎不存在。但是,如果您可以为body标记(和表包装器)使用单个大型bg图像,并结合一个或多个前景图像进行管理,则选择“是”

见:

编辑:

在Litmus中运行了一些详尽的测试之后,答案是响亮的“不”.Outlook 2007及更高版本仅支持两种方式来显示bg图像:在
body
标记上使用HTML
background
属性,在
body
标记上使用内联
background image
样式。但在这两种情况下,Outlook对图像的缩放方式与其他电子邮件阅读器不同,并且无法防止从平铺中删除bg图像

出于所有实际目的,在支持多种电子邮件阅读器非常重要的情况下:

  • 无法覆盖图像(或任何其他类型的内容)
  • 不支持Bg映像

  • 从我所能收集到的信息来看,并非所有浏览器都支持图像。但是,您可能会发现这些图像很有用。至少可以快速测试代码,看看它是否适合您的读者需要-在实现if I We you(如果我是您)之前,检查您的电子邮件统计信息,查看哪些客户端可以工作

    我相信上面关于“让bg图像在所有电子邮件阅读器中都能工作的唯一方法是为body标记的HTML背景属性指定一个bg图像”的建议虽然Campaign Monitor似乎另有指示,但这也是正确的。我会仔细了解哪些浏览器/电子邮件客户端使用回退,以及这是否会对您的设计产生负面影响

    正如Gmail所支持的那样(也许不是那么好),你可以尝试使用它来创建一个设计。考虑到Gmail不支持它,而且回退很可能是丑陋的罪恶,你可能不想尝试这个