HTML电子邮件-防弹背景图像

时间:2019-04-02 14:11:49

标签: html background-image html-email

我正在编写HTML电子邮件。我的TD包含背景图片。它会在所有主要的电子邮件客户端中在Windows上的Outlook中呈现。我选择使用http://backgrounds.cm/作为解决方法。我的问题是图像的高度和宽度与输入的值不对应。图像显得被挤压。我将其用作嵌套表的一部分。

<td class="full" width="300px" style="width: 300px;">
  <table>
    <tr>
      <table cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td background="http://www.gstatic.com/tv/thumb/persons/8327/8327_v9_bb.jpg" bgcolor="#7bceeb" valign="top">
            <!--[if gte mso 9]>
                        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000; width: 200px; height: 200px;">
                        <v:fill type="tile" src="http://www.gstatic.com/tv/thumb/persons/8327/8327_v9_bb.jpg" color="#7bceeb" />
                        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                        <![endif]-->
            <div style="width: 200px; height: 200px;">
            </div>
            <!--[if gte mso 9]>
                        </v:textbox>
                        </v:rect>
                        <![endif]-->
          </td>
        </tr>
      </table>
    </tr>
    <table>
</td>

2 个答案:

答案 0 :(得分:0)

我正在尝试使其正常运行。
看起来图像本身的默认值为567 x 341。

我认为这可能有效

{
"access_token": "FRHise20czCJyAUffrnalOMKuaQhfSUAJ29Hch2PcquNjazZnl81GB5YXgswgohj5AYD-BpYzEY_F5-o_uLw3ng8OFJWjU7GE3cl-q_FlbHgJj90mAB0-IgO0KOsp3PF90zMTx6INgP9S76paVkAisrPpjFLKpIoeYAVs-Jlb8kX2N9q6w3ZwmjCBaUJe1knNICFfiBjhwz195LX77F7F-ubX8MK-2FQ8Ws5Hod4Rh4-vz8Xhba_KPYiEl0_l5m_RBZPMu0N3N7jydJU1ZsJeiR-46rO2Db5X66G-fT9luP23ufJy-5NB6FKEaodze1O4ugJsk0ddECMgCpCGIr7lX4cJhppVT5PLDBbOMi4OmN-pdLQy9UHaMJXNQ4-bNWqKphiCTql_FcfJMg3jr-76xeymPssmcbbRtFfJzjPAPFWQYmi",
"token_type": "bearer",
"expires_in": 86399,
"refresh_token": "bbf0e895e6d94b86ba478b6cbf9ae3b0",
"as:client_id": "7b3e99e5-3f69-4a82-8926-ebcd1dd570a5",
".issued": "Tue, 02 Apr 2019 16:22:24 GMT",
".expires": "Wed, 03 Apr 2019 16:22:24 GMT"
}

答案 1 :(得分:0)

更健壮的方法是使用CSS的“背景图像”属性-HTML属性“背景”仍然有效,但从技术上讲已过时。 background属性也不允许您调整图像的大小,因此这可能是您看到的问题。

我个人通常是这样处理的:

items = [q.get() for _ in range(q.qsize())]

其他属性是停止重复背景图像,将图像置于顶部和中心,然后将其拉伸以覆盖分配的空间-“ background-color”属性只是后备颜色,如果图像不是自动生成的渲染,以保持整体设计美观。

这里有一篇很棒的石蕊文章:

https://litmus.com/blog/the-ultimate-guide-to-background-images-in-email

希望这会有所帮助!