【发布时间】：2018-07-16 18:03:50
【问题描述】：
我正在测试一个通过表格构建的新 HTMl 电子邮件。它在所有 Outlook 版本的 Litmus 检查中呈现良好，但是当我在 Outlook 中向自己发送测试电子邮件时，图像不显示？我不确定为什么会这样？想法？
这是我的简单表格：
<table style="padding: 0px 0px 0px 0px;border:1px solid #bfbfbf;background-color:#e8ecef;mso-cellspacing: 0px; mso-padding-alt: 0px 0px 0px 0px" align="center" valign="top" width="593" class="column column-0 of-1 empty" bgcolor="#e8ecef" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td class="columns--column-content" bgcolor="#e8ecef" style="background-color:#e8ecef;padding:0;">
<div id="hs_cos_wrapper_section_one" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text">
<table class="wrapper" style="table-layout: fixed; mso-cellspacing: 0px; mso-padding-alt: 0px 0px 0px 0px;" border="0" width="100%" cellspacing="0" cellpadding="0" data-type="image">
<tbody>
<tr>
<td>
<table class="wrapper" style="table-layout: fixed; mso-cellspacing: 0px; mso-padding-alt: 0px 0px 0px 0px;" border="0" width="100%" cellspacing="0" cellpadding="0" data-type="image">
<tbody>
<tr>
<td style="padding: 0px 0px 0px 0px;" align="center" valign="top">
<a href="#" style="text-decoration: none; font-family: Arial,Helvectica,sans-serif; font-size: 16px;" target="_blank" data-hs-link-id="0">
<img src="https://content.liveres.co.uk/hubfs/Emails/Newsletter/Zonal/The-Bottom-Line.jpg?t=1517929358720" width="100%" border="0" style="display: block; color: #000000; text-decoration: none; font-family: Helvetica,arial,sans-serif; font-size: 16px;"> </a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="height: 118px;">
<td style="height: 118px;" align="center">
<table class="module" style="table-layout: fixed; width: 360px; mso-cellspacing: 0px; mso-padding-alt: 0px 0px 0px 0px;" border="0" width="360" cellspacing="0" cellpadding="0" data-type="text">
<tbody>
<tr>
<td style="padding: 0px 20px 0 20px; font-family: Arial, sans-serif; font-size: 30px; font-weight: bold; line-height: 38px; color: #535353; text-align: center;" valign="top" bgcolor="">Heading</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center">
<table class="module" style="table-layout: fixed; width: 360px; mso-cellspacing: 0px; mso-padding-alt: 0px 0px 0px 0px;" border="0" width="360" cellspacing="0" cellpadding="0" data-type="text">
<tbody>
<tr>
<td style="padding: 0px 20px 0px 20px; font-family: sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; color: #414042; text-align: center;" valign="top">Text here.</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>编辑：此问题适用于 Microsoft Office Outlook 2010。
【问题讨论】：
-
对我来说，Outlook 会阻止图像并在电子邮件本身的正上方显示
! This email contains images, click here to show these或类似的东西。单击此按钮将显示图像。我认为 Outlook 中有一个设置让它始终显示图像，但默认情况下它会阻止它们。 -
您是否可以选择在 Outlook 中查看图像？或者没有？他们会消失吗？
-
@Tyler - 是的，我就是这么想的，我在每个表格中都有按钮，它们也是图像。它们显示得很好，只是由于某种原因没有显示标题图像。
-
@scoopzilla 不，图像根本无法加载。
-
尝试使用 http 而不是 https
标签： html html-table outlook html-email