我对 background-image 有疑问在 CSS 中。问题是我无法在电子邮件模板中使用背景图像。
为了解决这个问题，我可以使用 <img>标签，问题是我有一些文本要放在图像前面。
所以...我想知道的是是否有任何选项可以避免使用背景图像，使用 <img>并在顶部放置一些文本。这是我的代码:
<table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%;min-width:100%;border-collapse:collapse;" width="100%" class="mcnTextContentContainer">
<tbody>
<tr>
<td valign="top" class="mcnTextContent" style="padding-top:0;padding-right:18px;padding-bottom:9px;padding-left:18px;color:#808080;font-family:Helvetica;font-size:16px;line-height:150%;text-align:left;background-color: #003b5d;background:url('http://example.com/images/bg-hero.jpg');">
<h2 class="null" style="text-align:center;height:100px;color:#FFF;display:block;margin:0;padding:0;font-family:Helvetica;font-size:34px;font-style:normal;font-weight:bold;line-height:150%;letter-spacing:normal;padding-top:50px;">A friendly message</h2>
</td>
</tr>
</tbody>
</table>
我想要的是替换背景图像 background:url('http://example.com/images/bg-hero.jpg');
在代码中
最佳答案
也许这个 css 可以帮助你!它适用于我的电子邮件模板。
body {
background-image: url('http://example.com/images/bg-hero.jpg');
background-repeat: repeat-y no-repeat;
background-color: #333;
margin: 0;
padding: 0;
}
关于html - 尝试在不使用背景图像的情况下创建电子邮件模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43605456/