0

我遇到了每个开发人员在构建时事通讯时都会遇到的问题。设计师做了一些没有做的事情，客户喜欢它。这次也是这样。包含文本的白色盒子有一个漂亮的盒子阴影http://puu.sh/1K98C

将其用作带有repeat-y的背景图像并不适用于所有客户端（例如outlook）但对我来说一个简单的解决方案是将其作为图像插入并让浏览器/客户端像这样拉伸它：

<td width="38" valign="top" >
  <img src="http://puu.sh/1K98C" width="38" style="height: 100%" />
</td>

编辑：在 IE 中测试后，我看到 IE 不允许 % 拉伸图像。所以这不是一个解决方案。是否有其他解决方法来解决此问题？还是将这两个图像切成确切的长度是唯一的解决方案？

4

1 回答 1

0

据我所知，解决此问题的唯一方法是将阴影图像高度设置为 px，该高度比文本略大。我知道这不是一个非常灵活的选择，特别是如果您有所见即所得或让客户编辑内容的东西（因为您无法猜测所需的高度）。

此外，在不同的电子邮件客户端中进行测试，以确保文本不会超出您设定的高度。我发现即使设置行高，一些电子邮件客户端 (Gmail) 也会比其他客户端更容易溢出文本。

于 2013-01-07T14:40:36.347 回答