html - 如何解决 outlook 客户端 css 布局更改属性？

Question

我为客户端创建了一个 eDM，只希望它从 outlook 桌面客户端发送出去。我的 css 有问题，或者我不知道错误是什么。当我在网络浏览器中打开 eDM 时，一切正常，甚至在 Outlook 客户端中插入代码，但是当我收到 eDM 本身时，css 布局略有变化。

下图是我存档并用网络浏览器打开的

这张图片显示了我发送和接收后的结果

如您所见，不同之处在于那里的行距我该如何解决这个错误？这是我那部分的代码。我正在使用 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 代码。通过说使用内联样式。

在图像上设置可编辑文本的解决方案是设置纯色背景。