Question

[这是预期的结果] [1] [这些是设备预览] [2] 我有一个背景图像，我正在使用VML将其放置在Outlook中，但是“框架”比该图像大，并且我需要该图像浮在“框架”的底部。我的图像是640x430，整个帧是640x670，需要显示背景颜色的上边距是240。Outlook并未按照我期望的方式放置图像。

我尝试过更改声明高度和宽度的位置，以及在v：rect和v：填充线上将位置定义为绝对位置还是相对位置。我还尝试过将较小的v：rect，v：fill嵌套在较大的内部，并使用position：relative和absolute定位

<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;height:670px">
<v:fill type="frame" style="position: absolute; top: 240; height: 430" src="https://d2axdqolvqmdvx.cloudfront.net/821f15e4-cc33-4be2-a2a3-9fee388219aa/ScreenShot20191001at20746PM.png" color="#7bceeb" />
<v:textbox inset="0,0,0,0">
<![endif]-->
            <table class="promo-padding" align="center" cellspacing="0" cellpadding="0" border="0" style="font-family: Lato, Helvetica, Arial,sans-serif; color: #333333; line-height: 1; text-align: center;">
              <tbody>
                <tr>
                  <td class="promo-padding" width="90%" bgcolor="#ffffff" style="padding: 30px"><span class="promo-headline" style="color: #eb0450; font-size: 18px; font-weight: bold"><em>THIS IS A HEADLINE</em></span>
                    <br />
                    <br />
                    <span class="promoDiscount" style="font-size: 80px; font-weight: bold;">20% OFF </span>
                    <br />
                    <br />
                    <span class="promo-premium" style="font-size: 30px; font-weight: bold;">Premium Membership</span>
                    <br />
                    <br />
                    <span class="promo-body" style="font-size: 18px;">Upgrade now to appear higher in searches.</span>
                    <br />
                    <br />
                    <!--{{#assign "url"}}www.care.com/my-account-featured-caregiver-p1149-cxFALLFEELING20-rx=email|provider_promo|{{campaignName}}|{{now format='yyyyMMdd'}}.html?_uid={{userId}}&amp;_usc={{optOutSecurityCode}}{{/assign}}-->{{{ snippet "Email_ButtonSaveNow_CareDotCom" url }}}
                    <br />
                    <span class="promo-code" style="font-size: 16px; padding-top:10px">CODE: XXXX</span>
                  </td>
                </tr>
              </tbody>
            </table>
            <!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]--></td>


  [1]: https://i.stack.imgur.com/bmoc3.png
  [2]: https://i.stack.imgur.com/5JIhK.png

在Outlook中使用VML将图像框放置在较大形状的底部

0 个答案: