0

Outlook デスクトップ クライアントからのみ送信するクライアント用の eDM を作成しました。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>
4

1 に答える 1

0

悲しいことに、Outlook クライアントのメールは背景画像をサポートしておらず、最も基本的な html Css コードしかサポートしていません。インライン スタイリングを使用すると言うことで。

画像の上に編集可能なテキストを表示する解決策は、無地の背景色を設定することです。

于 2016-02-24T02:23:47.143 に答える