Outlookの電子メールに表示される線形グラデーションの背景を作成する方法

Question

私は設計しているニュースレターの背景として線状のグラデーションを追加したいが、動作するように設定する際に問題がある。

まず、rgbaカラーのCSSリニアグラジェントを使用しました。 Apple Mailのブラウザでは動作していましたが、OutlookやGmailでは動作しませんでした。

次に、すべてのビューポートをカバーする背景画像としてPNGを試しました。 Apple Mail、Safari、Gmail（デスクトップ版）、Gmail Appでは動作しましたが、Outlook（モバイル、App、デスクトップ）では動作しませんでした。

それから私は私がここにhttps://backgrounds.cmを見つけたコードを使用するが、それはまだ、このスクリーンショットを参照し、動作していない：Outlook Desktop

私は今* 2000px 2000pxある絵の背景を使用しています。私はサイズを変更しようとしましたが、それはまだ同じです。ここで

は、私が今使っているコードです：

<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で仕事を得ることができますか？

Answer 1

古いバージョンのInternet Explorerでは、次のCSSが使用されているため、一部のバージョンの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-グラデーションや背景画像のような単純なものをサポートしていません。