1

Outlookとメールがどれほど素敵かを思い出しました。Outlook 2003以下で「空の」スペーサーテーブルセルが黒いテーブルセルとして表示されるときに問題が発生しました。これが何であるかについてのアイデアはありますか？スペーサーGIFがあり、幅を指定してtdsにbgcolorを設定しましたが、それでもこの問題が発生します。スパンを使用してテキストのスタイルを設定するときにもこれがありましたが、スパンをdivに変更するとこの問題は解決しました。

これが私のコードの抜粋です：

            <!-- Introduction section -->
            <table id="intro" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="font-size: 15px; line-height: 24px border: none;">
              <tr>
                <td height="16" bgcolor="#fff" colspan="3">  </td>
              </tr>
              <tr>
                <td colspan="3">
                  <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
                    <tr>
                      <td width="60%" height="1" bgcolor="#99ad26"> </td>
                      <td width="40%" height="1" bgcolor="#ffffff"> </td>
                    </tr>
                  </table>
                  </td>
                </tr>
                <tr>
                  <td height="2" bgcolor="#fff" colspan="3"> </td>
                </tr>
                <tr>
                  <td colspan="3">
                    <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
                      <tr>
                        <td width="70%" height="1" bgcolor="#99ad26"> </td>
                        <td width="30%" height="1" bgcolor="#ffffff"> </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td height="24" bgcolor="#ffffff" colspan="3">   </td>
                </tr>
                <tr>
                  <td width="24" bgcolor="#fff"><img src="http://www.ukgbc.org/sites/files/ukgbc/email/images/spacer.gif" alt="" width="24" height="1" style="display: block;"/</td>
                  <td width="512" align="left" bgcolor="#fff"> 
                    <h1 style="font-size: 30px; margin: 0px; margin-bottom: 25px; font-family:Arial, Helvetica, sans-serif; background-color: #fff;" mc:edit="intro_heading">Introduction</h1>
                    <div mc:edit="greeting" mc:hideable style="font-family:Arial, Helvetica, sans-serif; font-size:16px; background-color: #fff;">Dear *|FNAME|*,</div>
                    <br /><br />
                    <div mc:edit="introduction" style="font-family:Arial, Helvetica, sans-serif; font-size:15px; background-color: #fff;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui sem, rutrum ut tristique a, eleifend quis libero. Aenean scelerisque blandit ante quis aliquet. Proin et augue odio, eget porta tortor. Fusce pharetra quam sed nisl vulputate ullamcorper.
                    </div>
                  </td>
                  <td width="24" bgcolor="#fff"><img src="http://www.ukgbc.org/sites/files/ukgbc/email/images/spacer.gif" alt="" width="24" height="1" style="display: block;"/</td>
                </tr>
                <tr>
                  <td height="40" bgcolor="#fff" colspan="3">   </td>
                </tr>
              </table>
4

1 に答える 1

1

Outlook は切り詰められたカラー コードを「嫌います」。3 文字のコードは黒として表示されます。すべての色 (style タグの外側の背景色) を 6 桁/文字コードとしてコーディングします。白 = #FFFFFF 黒 = #000000

于 2013-02-20T21:09:25.217 に答える