MailChimp HTML 电子邮件模板扩展了表格行的部分背景
Posted
技术标签:
【中文标题】MailChimp HTML 电子邮件模板扩展了表格行的部分背景【英文标题】：MailChimp HTML email template extend partial background on table rows 【发布时间】：2020-04-03 16:29:26 【问题描述】：我正在编写一个自定义电子邮件模板 html/CSS，我需要复制附加的图像。 我的问题是关于蓝色背景颜色元素，它超出了两个表格行，一个是“欢迎来到这个家庭”，另一个包含视频。 我该如何实现呢？
<!-- BEGIN MODULE: BODY CONTENT // -->
<table border="0" cellpadding="0" cellspacing="0" align="center" valign="top">
<tr>
<td valign="top" style="background-color:#1D75B9; border:0;">
<h2 style="margin:40px 20px; text-transform:capitalize; text-align:center;">Welcome to the family!</h2>
</td>
</tr>
<tr>
<td valign="top">*|YOUTUBE:[$vid=fj77lSG6Bl8, $max_width=500, $ratings=N, $views=N, $border=N, $title=N, $trim_border=N]|*
</td>
</tr>
</table>
<!-- // END MODULE: BODY CONTENT -->
任何做出同样事情的例子都会对我有所帮助。
谢谢
【问题讨论】：
尽可能提供您的 html 代码，以便更好地帮助您。 @aviboy2006 我刚刚在最初的帖子中添加了代码。 使用背景图片为您解决。有蓝色和透明的背景图像，在 VML 中给它一个高度，并将文本和视图放在它上面（不是在图像中）。 【参考方案1】：你可以这样做：
<body style="margin:0px; padding:0px;">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" align="center" valign="top">
<tr>
<td valign="top">
<img src="WvLArjpg6991210.png">
</td>
</tr>
<tr>
<td valign="top">
<img src="second.png" >
</td>
</tr>
</table>
</div>
</body>
您已将图像切成碎片并在<tr><td><img src></td></tr>中使用
【讨论】：
这是一个实际的 MailChimp 电子邮件模板，具有可编辑的部分和真实的内容，我不能这样做，因为它不能被 MailChimp 中的用户编辑。 链接跟踪需要为每个单独完成。 @FelipeToledo，你尝试过背景图片和视频吗？以上是关于MailChimp HTML 电子邮件模板扩展了表格行的部分背景的主要内容，如果未能解决你的问题，请参考以下文章