html電子郵件背景圖像樣式未顯示

我正在創建一個電子郵件模板，它必須顯示來自外部網站的圖像。我已經放置了一些用於渲染圖像的<img>標籤，並且在元素的內聯CSS中設置了一些帶背景圖像屬性的<td>標籤。html電子郵件背景圖像樣式未顯示

現在，當在Outlook中接收到電子郵件時，圖像不會顯示（因爲圖像未嵌入，所以這是預期的）。然後點擊下載圖像正確查看圖像。僅顯示<IMG>標記中的圖像，並且不呈現<TD>的背景圖像。

解決此問題的任何意見？

謝謝！

來源

2011-01-14 Chaitanya

究竟如何設置背景圖片的財產？ – amosrivera 2011-01-15 05:43:27

最後我找到了答案。

Outlook 2007不使用Internet Explorer的呈現引擎來加載HTML內容。相反，它使用Word 2007 HTML和CSS功能。

由於此CSS屬性（如背景圖像）不受支持。因此，無法使用標準CSS標籤爲Outlook中的HTML元素設置背景圖片。

來源

2011-01-18 08:06:36 Chaitanya

背景圖片在Outlook中不支持。作爲最佳做法，您絕不應在HTML電子郵件中使用背景圖像。如果您必須擁有背景，則可以使用併爲PLUS增加一個純色。那些支持背景圖像的電子郵件客戶端將獲得圖像，而那些不支持背景圖像的將會回到純色。

來源

2011-01-18 21:32:40 timroman

此外，這是來自Campaign Monitor的指南：http://www.campaignmonitor.com/css/這對我來說非常有幫助。

來源

2011-05-11 17:41:22

實際上有一種方法可以在Outlook中使用HTML電子郵件中的背景圖像。

正如Chaitanya所言，它不能用CSS來完成，但它可以通過VML完成。

該技術比使用background: url(....)有一點涉及，我不會像使用CSS技術那樣頻繁使用它（如果它在Outlook中工作的話）。但它非常有用。

我已在多個廣告系列上成功使用過它。

完整說明：包括支持此技術的電子郵件客戶端列表。

http://www.campaignmonitor.com/forums/viewtopic.php?pid=14197

來源

2011-12-19 23:10:41

有顯示HTML圖像的方式。

正確的HTML電子郵件呈現爲Outlook中的MSWord文檔。

我從這個https://stackoverflow.com/a/12693917/413032後得到了解決辦法。

所以我們需要一個備用。

事實上，您可以在MSWORD中打開您的html電子郵件，並找出看起來不對的地方，並考慮可以作爲替代品的想法。

這是我做的;

新增v命名空間中的HTML標籤

< html xmlns:v="urn:schemas-microsoft-com:vml"

新增v的風格頭塊

<head> 
<style type="」text/css」"> 
     v\:* { behavior: url(#default#VML); display:inline-block} 
</style>

在表或者需要添加您的MSWord替代

<table style="background-image: url('https://e-telesaglik.com/images/email/canvas-bg.jpg');background-repeat:no-repeat;" cellpadding="0" width="960"> 
      <!--[if gte vml 1]> 
        <v:shape 
         stroked='f' 
         style='position:absolute;margin-left:-90pt;margin-top:-1.55pt;  
           z-index:-503306481; 
           visibility:visible; 
           width:720pt; 
           height:475pt;   
           top:0; 
           left:0; 
           border:0;            
           '> 
         <v:imagedata src="https://e-telesaglik.com/images/email/canvas-bg.jpg"/> 
        </v:shape> 
      <![endif]--> 
       <tbody> ....

就是這樣。確定它會是MSWord渲染。更多，正如你注意到我們使用絕對定位...

無論如何，這是一種解決方法，並以某種方式解決問題。我們希望有一天MS-Outlook可以使用不帶MS-Word的網頁瀏覽器呈現html電子郵件。

來源

2013-06-28 06:28:42

此作品在Gmail，

我嘗試這樣做，以顯示與電子郵件通訊圖像格，嘗試inline css，發送電子郵件指引here

來源

2015-03-05 07:43:15 stom

html電子郵件背景圖像樣式未顯示

回答

相關問題