为gmail编写HTML电子邮件。链接图片显示霓虹蓝色背景

时间:2018-05-30 14:28:02

标签: html email gmail html-email

我希望有人可以帮助我。我已经尝试了所有我知道的东西并阅读了我能找到的所有文章。什么都没有效果

基本上,似乎只有neon蓝色背景颜色出现在<td>包含标题图片的Gmail上。

屏幕截图(缺少图​​片):

enter image description here

屏幕截图(图片显示霓虹灯背景):

enter image description here

表格代码:

&#13;
&#13;
<table border="0" cellspacing="0" class="body-wrap" bgcolor="#FFFFFF" style="max-width: 600px">
  <tbody>
    <tr>
      <td align="center" class="container" bgcolor="=FFFFFF" style="padding: 0px; margin: 0px; line-height:10px; font-size:6px">
        <div class="container1">
          <a href="http://www.rolla.com" style="text-decoration: none; border: none"><img src="https://rolla.igamingcloud.com/Images/Emails/MailSystem/Upload/rolla_system_header.gif" align=“absbottom” width="100%" style="display:block; max-height: 172px; max-width: 600px; border:none; padding: 0px; margin 0px" border="0" alt="Rolla Casino Logo"
            /></a>
        </div>
      </td>
    </tr>
  </tbody>
</table>
&#13;
&#13;
&#13;

我在表格和td中指定了背景颜色white。我还在边框中为hrefimg标记添加了样式属性。这些都没有奏效。

班级containercontainer1都包含:

border-width:0 none;
background: #ffffff;
text-decoration: none;
text-decoration-color: #ffffff;

即使我取消了标题图片的链接并发送了另一个测试,蓝色就在那里!

1 个答案:

答案 0 :(得分:0)

我认为你在td的背景颜色装饰中添加了一个相等而不是哈希。您有bgcolor="=FFFFFF"而不是bgcolor="#FFFFFF"。以下是固定代码:

<table border="0" cellspacing="0" class="body-wrap" bgcolor="#FFFFFF" style="max-width: 600px">
  <tbody>
    <tr>
      <td align="center" class="container" bgcolor="#FFFFFF" style="padding: 0px; margin: 0px; line-height:10px; font-size:6px">
        <div class="container1">
          <a href="http://www.rolla.com" style="text-decoration: none; border: none"><img src="https://rolla.igamingcloud.com/Images/Emails/MailSystem/Upload/rolla_system_header.gif" align=“absbottom” width="100%" style="display:block; max-height: 172px; max-width: 600px; border:none; padding: 0px; margin 0px" border="0" alt="Rolla Casino Logo"
            /></a>
        </div>
      </td>
    </tr>
  </tbody>
</table>

干杯