2

コンテンツ行の横にグラデーション シャドウが必要です。グラデーションは、コンテンツに関連して拡張する必要があります。私が今やっているのは、コンテンツの隣に右の境界線を持つ 9 つの td を持つことです。これは Thunderbird では機能しますが、Outlook では機能しません:

<td style="border: collapse; border-spacing: 0; border-right: 1px solid #cbcbcb;"></td>
<td style="border: collapse; border-spacing: 0; border-right: 1px solid #c9c9c9;"></td>
<td style="border: collapse; border-spacing: 0; border-right: 1px solid #c6c6c6;"></td>
<td style="border: collapse; border-spacing: 0; border-right: 1px solid #c2c2c2;"></td>
<td style="border: collapse; border-spacing: 0; border-right: 1px solid #bdbdbd;"></td>
<td style="border: collapse; border-spacing: 0; border-right: 1px solid #b6b6b6;"></td>
<td style="border: collapse; border-spacing: 0; border-right: 1px solid #afafaf;"></td>
<td style="border: collapse; border-spacing: 0; border-right: 1px solid #a7a7a7;"></td>
<td style="border: collapse; border-spacing: 0; border-right: 1px solid #9e9e9e;"></td>

Thunderbird では素敵なグラデーション シャドウが表示されますが、Outlook では左の境界線が白い線として表示されます。私はまた、td を次のようにしようとしました:

<td style="width: 1; bgcolor: #cbcbcb"></td>

これは Outlook で機能しますが、Thunderbird はコンテンツのない td をまったくレンダリングしないようです。

最後に、次のように左右の境界線を作成しようとしました:

<td style="border: collapse; border-spacing: 0; border-right: 1px solid #cbcbcb; left-border: #c9c9c9;"></td>

これは Thunderbird では機能しましたが、Outlook では機能しませんでした。

手伝ってくれませんか？

4

1 に答える 1

2

私はこのような透明な1x1pxgifを使用してそれを解決しました：

<td rowspan="6" width="1" bgcolor="#9e9e9e"><img src="http://www.blabla.com/new_mail_template/spacer.gif"></td>

サンダーバードは空のセルを表示しないので、それらに何かを入れなければなりませんでした

于 2012-10-16T07:38:54.073 に答える