如何將背景圖片設置爲div標籤（必須在Outlook 2007和2010中支持）

Question

請有人幫忙解決此問題。我一直在試圖將背景圖像設置爲div標籤（發送html郵件），這在outlook 2007中不受支持。閱讀了一些文章後，我瞭解到outlook 2007不支持background-image。

有沒有其他好方法可以解決這個問題？

我已經嘗試了以下方法。但這些都不是在Outlook 2007年工作

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

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

上述兩種方法不適合我的作品。請給一個建議我。

Answer 1

我不確定這是可能的。我使用它來檢查CSS與不同電子郵件客戶端的兼容性：https://www.campaignmonitor.com/css/，正如您所看到的，Outlook不支持background-image。

我做了一個快速谷歌和整個這雖然可能是使用的傳來：https://stackoverflow.com/a/4627810/5392786

Answer 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/

Answer 3

的Outlook使用Word渲染郵件正文的HTML標記。你可以閱讀有關支持和不支持HTML元素，屬性，並在MSDN中的以下文章級聯樣式表屬性：

• Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2)
• Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2)

他們指出以下幾點：

支持兩個支持級聯樣式表屬性子集的HTML元素：DIV和P。 DIV和P支持Word 2007支持的級聯樣式表的子集。