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

我通过使用像这样的透明 1x1px gif 来解决它：

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

Thunderbird 没有显示空单元格，所以我不得不在其中放入一些东西

于 2012-10-16T07:38:54.073 回答