【问题标题】:How to set background image to an div tag (Must support in outlook 2007 and 2010)如何将背景图像设置为 div 标签(Outlook 2007 和 2010 必须支持)
【发布时间】:2015-10-07 12:06:04
【问题描述】:

请任何人帮助解决这个问题。我一直在尝试将背景图像设置为 div 标签(发送 html 邮件),这在 Outlook 2007 中不受支持。在阅读了一些文章后,我了解到 Outlook 2007 不支持背景图像。

还有什么好的方法可以解决吗?

我已经尝试了以下方法。但这些在 Outlook 2007 中不起作用

  1. <div style="background-image:url(imagepath.png)">

  2. <img src="imagepath.png" /> <div style="position: absolute; top: 415px;">

以上两种方法都不适合我。请给我一个建议。

【问题讨论】:

    标签: html css outlook


    【解决方案1】:

    我不确定这是否可能。我用它来检查 CSS 与不同电子邮件客户端的兼容性:https://www.campaignmonitor.com/css/,如您所见,Outlook 不支持 background-image。

    我有一个快速的谷歌,虽然这可能有用:https://stackoverflow.com/a/4627810/5392786

    【讨论】:

      【解决方案2】:

      尝试将background-repeat: 属性添加到您的 CSS 规则中。

      <div  style="background-image:url(imagepath.png);background-repeat: no-repeat no-repeat;">
      

      来源: https://www.campaignmonitor.com/blog/email-marketing/2008/07/body-background-images-outlook/

      【讨论】:

      • 记得验证你的图片路径是否正确! ; )
      【解决方案3】:

      Outlook 使用 Word 呈现邮件正文的 HTML 标记。您可以在 MSDN 中的以下文章中了解支持和不支持的 HTML 元素、属性和级联样式表属性:

      他们声明如下:

      调用了支持级联样式表属性子集的两个 HTML 元素:DIVPDIVP 支持 Word 2007 支持的级联样式表的子集。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-02-13
        • 2017-01-11
        • 1970-01-01
        • 2017-04-12
        相关资源
        最近更新 更多