将锚定图像放置在电子邮件模板的表格背景之上

Question

我有以下代码用于桌子上的背景图像，它上面有一些图像链接以及一个徽标。我正在使用 mailchimp 帐户，我想让背景可编辑。无法使背景图像可编辑。

所以我想知道替代解决方案在图像顶部添加社交链接和徽标，同时仍然允许下方的图像可编辑，因此背景图像没有表格中的背景属性，与大多数电子邮件客户端兼容，允许在 Mailchimp 中进行编辑。

<table mc:edit="backgroundImage" class="backgroundHeader" background="http://104.131.7.150/public/vancouverSunrise.jpg" border="0" cellpadding="0" height="400" cellspacing="0" width="100%">
    <tr valign="top">
        <td>
            <div align="right" style="padding: 40px 15px 0px 15px;">
                <table border="0" cellpadding="0" cellspacing="0" width="30">
                    <!-- LOGO/PREHEADER TEXT -->
                    <tr align="right">
                        <td><a mc:edit="linkedin" href="*|CUSTOM_URL|*"><img src="linkedin.png" width="46.6" height="44" /></a></td>
                        <td><a mc:edit="facebook" href="*|CUSTOM_URL|*"><img src="facebook.png" width="46.6" height="44" /></a></td>
                        <td><a mc:edit="twitter" href="*|CUSTOM_URL|*"><img src="twitter.png" width="46.6" height="44" /></a></td>
                    </tr>
                </table>
            </div>
        </td>
    </tr>
    <tr valign="top">
        <td>
            <div align="center" style="padding: 10px 15px 0px 15px;">
                <table border="0" cellpadding="0" cellspacing="0" width="30" class="wrapper">
                    <!-- LOGO/PREHEADER TEXT -->
                    <tr align="center">
                        <td><a href="#"><img src="image.png" width="244" height="126.6" /></a></td>
                    </tr>
                </table>
            </div>
        </td>
    </tr>
</table>

Answer 1

你也不能使用z-index，所以在另一个之上破解img是不可能的。

您需要基于来自http://backgrounds.cm/ 的代码进行设置，并让您的mc:edit 属性在TD 的背景属性（不是表格、表格背景在大多数客户端中不起作用）和生成代码的 VML 脚本。您还需要更新 TD 和 VML 上的 height 和 width 属性。