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

Question

我正在尝试让圆形图像出现在 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>

但是我用条件注释试了一下

<!--[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 以外的所有其他客户端都有效，因为当然...

Answer 1

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

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

<![endif]-->

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

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

How to get a round images in html emails working in Outlook with VML?

html

email

outlook

vml

html-email