Outlook 2016 按钮图像显示错误

Question

我正在制作一个 eblast，但我无法让我的 CTA 按钮在 Outlook 2016 上正确呈现。

Campaign Monitor 中的防弹按钮在 Outlook 2016 上不起作用，因此我决定有条件地插入仅适用于 Outlook 2016 的图像按钮。

问题是图像没有显示圆角。我不确定为什么，因为当我在电子邮件的其他地方插入图像时，圆角显示没有问题。请指教

<!--[if mso 16]>
<a href="www.google.com" style="background-
color:#021e2f;border:1px solid #1e3650;color:#ffffff;display:inline-
block;font-family:sans-serif;font-size:16px;font-weight:bold;line-
height:40px;text-align:center;text-decoration:none;width:130px;-webkit-text-
size-adjust:none;"><img width="130" src="https://mlsvc01-
prod.s3.amazonaws.com/6f8ceec6001/0d1f837c-7eb0-4f1c-b8dd-560515a505bf.png?ver=1477579088000" alt="Learn more" style="font-family:sans-serif;font-
size:16px;font-weight:bold;line-height:40px;text-
align:center;width:130px;height: auto;" /></a></div>

<![endif]-->

Answer 1

如果您为按钮使用图像，则不需要包含在封闭的 <a href> 中的某些 CSS。 border 和 background-color 之类的东西可能会影响 <img> 如果它的角是透明的。

尝试：

<a href="www.google.com" style="display:inline-block;line-height:40px;text-align:center;width:130px;">
    <img width="130" src="https://mlsvc01-prod.s3.amazonaws.com/6f8ceec6001/0d1f837c-7eb0-4f1c-b8dd-560515a505bf.png?ver=1477579088000" alt="Learn more" style="font-family:sans-serif;font-size:16px;font-weight:bold;line-height:40px;text-align:center;width:130px;height: auto;" />
</a>

Outlook 2016 按钮图像显示错误

Outlook 2016 button image displays wrong

html

css

email

html-email

outlook-2016