Outlook的VML背景图像中具有圆角的化身

Outlook的VML背景图像中具有圆角的化身,outlook,html-email,vml,Outlook,Html Email,Vml,我正在研究一些电子邮件模板(但愿如此),我正在试图弄清楚如何在相关联系人旁边的表格中显示一个圆形化身 目前我正在使用这个代码。使用v:fill应用背景图像,使用v:rect应用边界半径。然而,我没有取得任何成功 一个要点是我不想在这个元素中包含任何内容。它的存在是为了提供阿凡达形象,所以我一直在努力寻找任何能帮助我的东西 非常感谢您的帮助 <table> <td background="https://picsum.photos/32" width="32" heigh

我正在研究一些电子邮件模板(但愿如此),我正在试图弄清楚如何在相关联系人旁边的表格中显示一个圆形化身

目前我正在使用这个代码。使用v:fill应用背景图像,使用v:rect应用边界半径。然而,我没有取得任何成功

一个要点是我不想在这个元素中包含任何内容。它的存在是为了提供阿凡达形象,所以我一直在努力寻找任何能帮助我的东西

非常感谢您的帮助

<table>
    <td background="https://picsum.photos/32" width="32" height="32" valign="top" style="border-radius: 50%">
      <!--[if gte mso 9]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" arcsize="50%" stroke="false" style="width:32px;height:32px;">
        <v:fill type="tile" src="https://picsum.photos/32" arcsize="50%" color="#7bceeb" />
      </v:rect>
      <![endif]-->
    </td>
</table>

我发现这个解决方案很有效。使用
给出形状,使用
给出图像

虽然我发现我必须将椭圆上的笔划设置为false,但它似乎默认为on

<td width="32" style="margin: 0; padding: 0;">
   <!--[if (gte mso 9)|(IE)]>
      <v:oval xmlns:v="urn:schemas-microsoft-com:vml" fill="true" style='width:32px;height:32px' stroke="false">
         <v:fill type="tile" src="[URL]" />
      </v:oval>
   <![endif]-->
   <!--[if !mso]>-->
      <img style="border-radius: 16px;" width="32" height="32" src="[URL]" />
   <!--<![endif]-->
</td>

然后,使用条件语句,我可以向Outlook提供VML形状,并向其他所有支持border radius的人提供常规的
元素


(基本上是outlook以外的任何产品)

我发现该解决方案运行良好。使用
给出形状,使用
给出图像

虽然我发现我必须将椭圆上的笔划设置为false,但它似乎默认为on

<td width="32" style="margin: 0; padding: 0;">
   <!--[if (gte mso 9)|(IE)]>
      <v:oval xmlns:v="urn:schemas-microsoft-com:vml" fill="true" style='width:32px;height:32px' stroke="false">
         <v:fill type="tile" src="[URL]" />
      </v:oval>
   <![endif]-->
   <!--[if !mso]>-->
      <img style="border-radius: 16px;" width="32" height="32" src="[URL]" />
   <!--<![endif]-->
</td>

然后,使用条件语句,我可以向Outlook提供VML形状,并向其他所有支持border radius的人提供常规的
元素

(基本上是根据outlook以外的任何内容)