在来这里之前,我已经搜索了很多。
我正在尝试使用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>
发布于 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;">
发布于 2018-07-18 21:16:53
我发现你不能使用安装在台式机或笔记本上的outlook的背景图像。有一些网站可以帮助你,如果你想要一个身体的背景图像,它是有效的。但是,当我们讨论表格时,td outlook不会将其识别为背景图像。
非常感谢你的帮助。像as这样开发电子邮件模板的人知道如何写出我们能写出的最好的html有多难。<3
发布于 2018-07-17 21:14:44
CSS背景支持对于Outlook来说不是很好。您可能需要替换为VML等效项。这里有一个这样的工具:https://backgrounds.cm/
只需粘贴您的img URL,选择您的备用bg-color,然后选择“单个表格单元格”。然后,您需要用提供的输出替换开始和结束td标记。
https://stackoverflow.com/questions/51381938
复制相似问题