我正在使用 Mailchimp 发送各种入职电子邮件，并发现有必要使用大块图像来实现我收到的设计。然而，当在 gmail 中查看时，图像将自身显示为要单击的元素，光标变为指针，即使其 CSS 已明确设置为默认值，此外还会显示许多其他选项，例如将它们下载到您的计算机.如果您单击图像，它将在其他 Google 服务中内置的某些叠加实用程序中打开。
我找到了一种解决方法：如果您将图像包装在锚标记中并将其指向“#”，则大多数 Google 服务都会关闭。但是，它仍然会重新加载页面并将光标表示为指针。
在 gmail 中查看时，是否有人对我如何禁用 Google 功能批发以完全实现图像作为非交互式背景资产有任何想法？
【问题讨论】：
标签： html css email templates gmail
Gmail 似乎会将特定大小限制内的图像检测为可下载附件。为了避免这种情况，对我有用的是使用输入 type='image' 在标签中显示图像
HTML：
<td><input type="image" src="MOBILE_02.jpg" width="700" height="226" alt="" style="display:block; outline:none" /></td>
【讨论】：
我刚刚回复了这个on this thread。
但我也会在这里回答以防万一：
Gmail 似乎会将特定大小限制内的图像检测为可下载附件。为了避免这种情况，对我有用的是使用“背景”属性在<td> 标签中显示图像。这有效地使 Gmail 将图像视为背景图像，而不是潜在可下载的<img>。例如，在您的代码中而不是以下：
<td>
<img src="your_image.jpg" alt="Your Image" height="114" width="275" style="border: 0 none;" />
</td>
用途：
<td background="your_image.jpg" valign="top" height="114" width="256" style="background-position: 0 100%; background-repeat: no-repeat;" >
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:256px;height:114px;">
<v:fill type="tile" src="your_image.jpg" color="#e6e6e6" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<div>
</div>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</td>
请注意，旧电子邮件客户端可能需要 <td>s 之间的 VML 才能正确呈现图像。
【讨论】：