css - 如何在没有绝对位置的情况下将图像放置在图像上

Question

我想创建一个 HTML 电子邮件模板，Gmail 等电子邮件提供商不允许使用某些 css 样式属性，Outlook，这样的属性之一就是 position:absolute。我想将图像放在图像上，使用 div's 和 position:absolute 我可以做到 this .我们怎样才能实现this使用 tables 而不使用 position:absolute。我在互联网上搜索过，但没有找到任何相关文章提供解决方案。

以下是 JSFiddle 链接:与 Div 的链接:Link ,带表:Link .

编辑:至少我想知道是否可能？

Answer 1

您可以使用负边距和垂直对齐:

<div style="position: relative; left: 0; top: 0;">
<img src="http://s17.postimg.org/ypnmpvdu7/cute_cartoons_21.jpg" style="" width="300px" height="300px" />
<img src="http://s17.postimg.org/bmx3qpccr/contest_badge_rank_1.png" style="margin-left:-150px;position:relative;vertical-align:60px; "/>
        </div>

https://jsfiddle.net/vhkssL0q/10/