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

Question

我有以下用于表格背景图片的代码，上面有一些图片链接和 Logo 。我正在使用 mailchimp 帐户，我想让背景可编辑。无法使背景图像可编辑。

所以我想知道是否有其他解决方案可以将社交链接和 Logo 置于图像之上，同时仍允许下方图像可编辑，因此背景图像没有表格中的背景属性，与大多数电子邮件客户端兼容，允许在 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 属性。