background属性在电子邮件模板的Html表标签中不起作用

Question

注意：电子邮件模板在浏览器中工作正常，在Outlook窗口中附加电子邮件模板时，会显示img src属性图像，但代码下方无效。

今天我遇到了html和css中的电子邮件模板问题，我已经从outlook发送了邮件模板，但是在表格中发送了backgroud：url（“https://image.flaticon.com/teams/new/1-freepik.jpg”）。

这是下面的代码有问题。

我试图将图像插入表格标签中，但不显示静止图像。

方法1：

<table background="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR32QTbkvVrRO2yxIKRhT9aN0xj7otdnQetREdz2RVG0AVk3hcP" class="ban-hei" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="background-size:cover;" height="380">    

方法2：

<table  class="ban-hei" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="background:url(https://image.flaticon.com/teams/new/1-freepik.jpg); background-size:cover;" height="380"> 

方法3：

<table  class="ban-hei" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="background-image:https://image.flaticon.com/teams/new/1-freepik.jpg; background-size:cover;" height="380">    

没有任何作用 期待img src =“tag”

Answer 1

电子邮件模板很棘手。我建议你在TD标签而不是表格上添加背景图片，如下所示：

<table  class="ban-hei" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" height="380"> 
  <tr>
    <td style="background:url(https://image.flaticon.com/teams/new/1-freepik.jpg); background-size:cover;"></td>
  </tr>
</table>

在TD内部添加另一个表格，其中包含模板的其余内容。

<table  class="ban-hei" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" height="380"> 
  <tr>
    <td style="background:url(https://image.flaticon.com/teams/new/1-freepik.jpg); background-size:cover;">
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td>Email content in here </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

如果出于某种原因，这对您不起作用，我建议您访问backgrounds.cm并查看他们的v：填写代码，以获取类似于以下内容的表格中的背景图片：

<td background="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR32QTbkvVrRO2yxIKRhT9aN0xj7otdnQetREdz2RVG0AVk3hcP" bgcolor="#7bceeb" width="225" height="225" valign="top">
  <!--[if gte mso 9]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:225px;height:225px;">
    <v:fill type="tile" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR32QTbkvVrRO2yxIKRhT9aN0xj7otdnQetREdz2RVG0AVk3hcP" color="#7bceeb" />
    <v:textbox inset="0,0,0,0">
  <![endif]-->
  <div>
  </div>
  <!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]-->
</td>