Html电子邮件模板不适用于outlook
Html电子邮件模板不适用于outlook
提问于 2018-07-17 20:54:42
在来这里之前，我已经搜索了很多。
我正在尝试使用background-image，但当我将其发送到outlook时，它没有出现。你能帮我找到这个问题的解决方案吗？
<table width="600" border="0" cellpadding="0" cellspacing="0" valign="top" style="padding-bottom: 10px;overflow:hidden !important;border-radius: 0px 0px 0px 0px; background-color: #efefef; vertical-align: middle; max-width: 600px;">
<tr style="background:;#efefef;" align="center" width="564px">
<td width="10%"> </td>
<td style="background-image: url('https://www.dcg.com.br/emkt/17-07/bg_02.jpg');" bgcolor="#fff" background="https://www.dcg.com.br/emkt/17-07/bg_02.jpg" align="center" max-width="600px" style="font-family: Arial, sans-serif; font-size:18px; line-height:24px; color:#6f757c;">
<p align="center" style="display:inline-block;background:transparent;text-align:center;font-size:18px;font-family:Arial, Helvetica, sans-serif;box-sizing: border-box; ">
<br>
<strong style="font-size:27px">Eletrolar Show</strong><br/> A maior feira B2B da América Latina
<br/>
</p>
</td>
<td width="10%"> </td>
</tr>
</table>
回答 4
Stack Overflow用户
发布于 2018-07-17 21:03:14
由于信息非常简单，所以很难确定确切的问题，但您可以尝试设置width="100%"而不是width="600"。
当前是：
<table width="600" border="0" cellpadding="0" cellspacing="0" valign="top" style="padding-bottom: 10px;overflow:hidden !important;border-radius: 0px 0px 0px 0px; background-color: #efefef; vertical-align: middle; max-width: 600px;">更改为：
<table width="100%" border="0" cellpadding="0" cellspacing="0" valign="top" style="padding-bottom: 10px;overflow:hidden !important;border-radius: 0px 0px 0px 0px; background-color: #efefef; vertical-align: middle; max-width: 600px;">Stack Overflow用户
发布于 2018-07-18 21:16:53
我发现你不能使用安装在台式机或笔记本上的outlook的背景图像。有一些网站可以帮助你，如果你想要一个身体的背景图像，它是有效的。但是，当我们讨论表格时，td outlook不会将其识别为背景图像。
非常感谢你的帮助。像as这样开发电子邮件模板的人知道如何写出我们能写出的最好的html有多难。<3
Stack Overflow用户
发布于 2018-07-17 21:14:44
CSS背景支持对于Outlook来说不是很好。您可能需要替换为VML等效项。这里有一个这样的工具：https://backgrounds.cm/
只需粘贴您的img URL，选择您的备用bg-color，然后选择“单个表格单元格”。然后，您需要用提供的输出替换开始和结束td标记。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51381938
复制相关文章
相似问题