如何創建將在Outlook中的電子郵件中顯示的線性漸變背景

我想添加一個線性漸變作爲我正在設計的新聞稿的背景，但我在設置它的工作時遇到問題。如何創建將在Outlook中的電子郵件中顯示的線性漸變背景

首先，我用CSS線性漸變與rgba顏色。它在Apple Mail中的瀏覽器中工作，但不在Outlook和Gmail中工作。

然後我嘗試了一個PNG作爲背景圖像，覆蓋了所有的視口。它適用於Apple Mail，Safari，Gmail（桌面版）和Gmail應用程序，但不適用於Outlook（手機，應用程序和桌面）。

然後我用，我發現這裏https://backgrounds.cm一個代碼，但它仍然不能正常工作，看到這個截圖：Outlook Desktop

現在我使用的是圖片的背景下，2000像素* 2000像素的。我試圖改變尺寸，但它仍然是一樣的。

這裏是代碼我使用的是現在：

<table cellpadding="0" cellspacing="0" border="0" width="100%"> 
    <tr> 
    <td background="http://www.danselouisb.fr/newsletter/newsletter1/img/compagnie_danse_louis_barreau_FD-02.png" bgcolor="#d7554e" valign="top" style="-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;"> 
     <!--[if gte mso 9]> 
     <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;"> 
     <v:fill type="tile" src="http://www.danselouisb.fr/newsletter/newsletter1/img/compagnie_danse_louis_barreau_FD-02.png" color="#d7554e" /> 
     <v:textbox inset="0,0,0,0"> 
     <![endif]--> 
     <div> 

     NEWSLETTER NEWSLETTER NEWSLETTER 

</div> 
     <!--[if gte mso 9]> 
     </v:textbox> 
     </v:rect> 
     <![endif]--> 
    </td> 
    </tr> 
</table>

我怎樣才能獲得背景在Outlook中工作？

來源

2017-08-31 Camille

以下CSS用於舊版本的Internet Explorer，因此它可能也適用於某些Outlook版本。

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff0000, endColorstr=#00ff00); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff0000, endColorstr=#00ff00)";

不幸的是許多郵件客戶端仍然不支持簡單的事情，比如CSS-梯度或背景圖像，所以你可能是出於運氣在這裏。

來源

2018-01-13 15:16:13

如何創建將在Outlook中的電子郵件中顯示的線性漸變背景

回答

相關問題