Question

我正在创建一个包含背景的电子邮件模板。它在浏览器中可见，而不是在邮件中。

<tr>
  <td  colspan="2">
     <table style="width:195px;background: url(coupon_bg%20.png);background-repeat: no-repeat;">
        <tr>
           <td style="border-right: white 1px solid;padding-bottom: 5px; "><span style="font-size: 20px;" ><b>40%</b></span><br />discount</td>
           <td style="padding-left: 10px;"> code <br>XXXXX</td>
        </tr>
       </table>
     </td>
  <td style="padding-left: 10px;font-size: 12px;font-weight: bold;line-height: 15px;">Our new update would give parents an opportunity to learn a lot more about their children's performance at school.</td>
</tr>

外部宽度545px，表格195px，实际图像宽度190px，最后td宽度348px

Answer 1

由于电子邮件是从您网站的域名收到的，因此url(coupon_bg%20.png)会返回不完整的路径。它应该指向一个完全限定的路径，例如：http://foo.org/path/to/image。

修改

还要注意文件名中的空格字符。 coupon_bg%20.png表示源文件名必须为“coupon_bg .png”（注意点前的空格字符）。

Answer 2

当您在浏览器中检查代码时，您的图像路径是正确的。但是当你在电子邮件中发送代码时，图像路径会有所不同。所以在代码中放入完整的图像路径

在html中不显示电子邮件的背景图像

2 个答案: