如何解決Outlook Client CSS布局更改屬性？

Question

我為客戶端創建了一個eDM，僅希望將其從Outlook桌面客戶端發送出去。 我的CSS有問題，或者更確切地說，我不知道這是什么錯誤。 當我在Web瀏覽器中打開eDM時，一切正常，甚至可以將代碼插入Outlook客戶端中，但是當我收到eDM本身時，css布局會稍有變化。

下圖是我已存檔並使用Web瀏覽器打開的圖像

此圖顯示了我發送和接收后的結果

如您所見，那里的行距不同。如何解決此錯誤？ 這是我那部分的代碼。 我正在使用Outlook 2013謝謝

<table class="content" style="text-align: left; border-collapse:collapse;" width="240" cellpadding="0" cellspacing="0">
                            <tr class="grad" style="display:block;">
                                <td background="http://i1042.photobucket.com/albums/b423/Zayle_Ong/Whats%20new_zpsocpwuf08.png" height="36" valign="top" style="background-repeat: no-repeat; overflow:hidden;width:242px;display:block;">
                                    <!--[if gte mso 9]>
                                    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:240px;height:36px;background-color:white;background-repeat: no-repeat;">
                                      <v:fill type="frame" src="http://i1042.photobucket.com/albums/b423/Zayle_Ong/Whats%20new_zpsocpwuf08.png" color="#E7E7E9" border="0" />
                                      <v:textbox inset="0,0,0,0">
                                    <![endif]-->

                                    <table style="color: white; font-size: 15px; display:block; Margin-left:12px;" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="0" height="4" style="line-height:1px;font-size:1px;">
                                                <font style="font-size:1px;display:none !important;display:none;">&nbsp;</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>What's New</td>
                                        </tr>
                                    </table>
                                    <!--[if gte mso 9]>
                                      </v:textbox>
                                    </v:rect>
                                    <![endif]-->
                                </td>
                            </tr>

Answer 1

遺憾的是，這是Outlook客戶端郵件不支持背景圖片，它僅支持大多數基本的html CSS代碼。 通過說使用內聯樣式。

在圖像上具有可編輯文本的解決方案是設置純背景顏色。