電子郵件通訊背景圖像和字體顏色

我剛纔編碼的電子郵件設計，測試它在石蕊&發現了以下錯誤：電子郵件通訊背景圖像和字體顏色

Outlook.com： 有新聞通訊&一些沒有背景圖片標題（h4）的字體顏色完全不同。雖然鏈接的顏色相同。展望2003-2011工作正常。

Hotmail： 類似的情況爲hotmail，因爲它也沒有顯示通訊的背景。

這是石蕊結果。

https://tahir.litmus.com/tests/9401666/versions/2/screenshots

這裏是背景圖像的代碼：

<body background="http://gallery.mailchimp.com/ab941597d81bf8a59e91efd1f/images/body_bg_.3.jpg" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style=" width:100%; margin: 0;padding: 0;width: 100% !important;-webkit-text-size-adjust: none; background-image: url('http://gallery.mailchimp.com/ab941597d81bf8a59e91efd1f/images/body_bg_.3.jpg'); background-repeat:repeat-y no-repeat; background-position: top center; background-color: #5c130a;"> 

    <!--[if gte mso 9]> 
    <v:background fill="t"> 
    <v:fill type="tile" src="http://gallery.mailchimp.com/ab941597d81bf8a59e91efd1f/images/body_bg_.3.jpg" /> 
    </v:background> 
    <![endif]-->

感謝。

來源

2012-10-05 Tahir

請記住，CSS不是由客戶端（和版本）

爲了得到你應該看看http://www.campaignmonitor.com/css/

來源

2012-10-05 07:13:43 donald123

是的，我知道。但是outlook.com支持後臺HTML。 – Tahir

你讀過這些資訊嗎？背景CSS不受Outlook.com支持您是否使用背景html屬性？欲瞭解更多信息請郵寄一些代碼 – donald123

添加到我的問題代碼。 – Tahir

概述這裏是我們的一個片斷同樣支持。

<td height="300px" style="margin:0;border-collapse:collapse!important;margin:0;padding:0;text-align:left;vertical-align:top;"> 
<!--[if (gte mso 9)]><img src="http://yourdomain.com/email_campaigns/_templates/template_061617/ImageHero_620x975_Nindi_1_OL.jpg" style="width:100%;height:auto;border:0; display: block;" /><![endif]--> 
<div style="mso-hide: all;"> 
<img src="http://yourdomain.com/email_campaigns/_templates/template_061617/newsletter-blank.png" width="100%" style="width:100% !important;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin:0 0 0 0;border-width:0;height:auto;margin-bottom:0;" /> 
</div>

來源

2017-11-03 23:33:03 DesignedbyJackie

電子郵件通訊背景圖像和字體顏色

回答

相關問題