Question

我想在内容行的一侧有一个渐变阴影。渐变必须相对于内容进行扩展。我现在正在做的是在我的内容旁边有一个右边框的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中无效。

你能帮帮我吗？

Answer 1

我使用透明的1x1px gif解决了这个问题：

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

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

邮件模板渐变

1 个答案: