2017-08-31 14 views
1

私は設計しているニュースレターの背景として線状のグラデーションを追加したいが、動作するように設定する際に問題がある。Outlookの電子メールに表示される線形グラデーションの背景を作成する方法

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

答えて

0

古いバージョンの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-グラデーションや背景画像のような単純なものをサポートしていません。

関連する問題