将图像定位在电子邮件模板中的另一张图像上方

Question

如何在任何电子邮件模板中定位元素。在设计中，我必须将一个图像放置在另一个图像上，这只能通过绝对定位或给它一个边距来实现。据我所知，谷歌不支持任何元素的边距和定位样式。有没有其他方法可以解决这个问题。。

目前它看起来像这样

预期输出

Answer 1

最常用的电子邮件客户端不支持positioncss 属性。参考。

我可以向你建议两个选择。

• 将较大的图像作为父元素的背景，并将另一个图像放入子<img>标签中。并尝试使用父元素和子元素的width, height&float属性。

  <div style="background: url(...);">
      <img src="..."/>
  </div>
  

• 或者，如果所有电子邮件的这些图像都相同，则创建一个组合这两个图像的合成图像。