HTML 电子邮件图像在链接单击 Outlook 07/10/13 时反转答案

【问题标题】：HTML email image inverts on link click Outlook 07/10/13HTML 电子邮件图像在链接单击 Outlook 07/10/13 时反转
【发布时间】：2014-10-16 04:06:28
【问题描述】：

我在 Word 呈现的 Outlook（2007、2010、2013）中的 HTML 电子邮件中遇到问题，我在其中单击图像链接，当单击鼠标时，图像反转...这是下面的代码。 ..

<td align="left" width="360" valign="top" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse;" class="hide">
    <a href="#" target="_blank">
        <img src="test.jpg" width="360" height="528" alt="alt tag" style="display:block;" class="img_mob centertable" border="0" align="left">
    </a>
</td>

这是点击/未点击图片的比较...

我尝试在链接上添加text-decoration: none。所有链接也都采用内联样式。这是电子邮件中唯一存在此问题的图像，因此尝试重新保存图像，但没有成功。

图像从 Photoshop PSD 保存为 JPEG 和 SRGB。

有什么想法吗？

【问题讨论】：

删除<a> 标签后发生了什么？图片看起来正常吗？
@KheemaPandey 是的，是的，所以有些东西告诉我它与链接有关......
你为a标签使用了什么CSS？你可以使用PNG格式的图像吗？可能对你有帮助。
@KheemaPandey 我试过这个，没用。 a标签没有附加CSS
你为什么不使用Email Acid提供的新模板看看这个链接。 emailonacid.com/blog/details/C13/…

标签： html css email hyperlink outlook

【解决方案1】：

我查看了您的代码，看来此问题是由图像上的“对齐”属性引起的。删除它应该可以解决它。您可能希望改为向 TD 添加对齐，并为图像提供内联 CSS 浮动样式。

【讨论】：