Question

我正在研究eblast并且无法在Outlook 2016上正确呈现我的CTA按钮。

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按钮图像显示错误

1 个答案: