Question

我在构建简报时遇到了每个开发人员的问题。设计师做了一些未完成的事情，客户喜欢它。这次是这样的。包含文字的白框具有漂亮的盒子阴影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不允许％来拉伸图像。所以这不是解决方案。是否有其他解决方法可以解决此问题？或者将这两个图像切成精确长度的唯一解决方案？

Answer 1

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

此外，在不同的电子邮件客户端中进行测试，以确保文本不会超出您的设置高度。我发现即使设置行高，某些电子邮件客户端（Gmail）也会比其他人更多地溢出文本。