如何在使用 VML 的 Outlook 中获取 html 电子邮件中的圆形图像？答案

【问题标题】：How to get a round images in html emails working in Outlook with VML?如何在使用 VML 的 Outlook 中获取 html 电子邮件中的圆形图像？
【发布时间】：2018-02-05 14:54:30
【问题描述】：

我正在尝试让圆形图像出现在 HTML 电子邮件中。到目前为止，它适用于除 Outlook 2013 和 Outlook 2016 (Windows 7) 之外的所有客户端。

我发现一些 VML 教程说这应该可以解决问题：

<v:oval style="width:100;height:100">
<v:fill src="https://www.placebear.com/100/100.jpg" type="frame">
<v:/fill>
</v:oval>

但是我用条件 cmets 尝试过

<!--[if !mso]><!-- -->
  <v:oval style="width:100;height:100">
    <v:fill src="https://www.placebear.com/100/100.jpg" type="frame">
    <v:/fill>
  </v:oval>
<!--<![endif]-->

什么也没出现。

有人有可行的解决方案吗？ Border-radius 对除 Outlook 以外的其他所有客户端都有效，因为...

【问题讨论】：

除了 Outlook 之外的所有内容，您发布的代码。使用 Gwesolo 的代码在 Outlook 中显示它。您可以同时使用两者，一种用于 Outlook，另一种用于非 Outlook。

标签： html email outlook html-email vml

【解决方案1】：

我建议将您的 Outlook 条件更改为此。

<!--[if (gte mso 9)|(IE)]>

<![endif]-->

目前，您正在将其隐藏在 Outlook 中。如果 VML 太麻烦，我建议在透明背景上使用圆形图像资源。

【讨论】：