0

我为只希望从 Outlook 桌面客户端发送出去的客户端创建了一个 eDM。我对 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>
4

1 回答 1

0

遗憾的是,Outlook 客户端邮件不支持背景图片,只支持最基本的 html Css 代码。通过说使用内联样式。

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

于 2016-02-24T02:23:47.143 回答