HTML用于电子邮件/Outlook,如何根据文本高度裁剪图像(溢出:隐藏)

HTML用于电子邮件/Outlook,如何根据文本高度裁剪图像(溢出:隐藏),html,email,outlook,Html,Email,Outlook,我正在将PSD电子邮件设计转换为HTML电子邮件模板。我知道为电子邮件编写HTML就像90年代的网页设计一样。我已经警告客户这可能是不可能的,我已经尝试了许多黑客攻击,但到目前为止,我所尝试的都没有奏效 问题是:电子邮件设计在电子邮件正文的每一边都有一个边界。边框不能使用html重新创建,因为它是一个花哨的边框,带有一些阴影和浮雕 由于它运行的是电子邮件的垂直长度,并且每封电子邮件的垂直长度将根据文本量的不同而有所不同,因此我希望有一种电子邮件安全的方式,可以使用一个大图像,当需要更多文本时,该

我正在将PSD电子邮件设计转换为HTML电子邮件模板。我知道为电子邮件编写HTML就像90年代的网页设计一样。我已经警告客户这可能是不可能的,我已经尝试了许多黑客攻击,但到目前为止,我所尝试的都没有奏效

问题是:电子邮件设计在电子邮件正文的每一边都有一个边界。边框不能使用html重新创建,因为它是一个花哨的边框,带有一些阴影和浮雕

由于它运行的是电子邮件的垂直长度,并且每封电子邮件的垂直长度将根据文本量的不同而有所不同,因此我希望有一种电子邮件安全的方式,可以使用一个大图像,当需要更多文本时,该图像会显示出来

对于常规的网页设计,我会使用背景图像和溢出:隐藏。但是,这些不适用于最新版本的Outlook。我尝试了许多其他的技巧,但似乎没有达到预期的效果


有人有什么建议吗?还是我回去告诉客户这是不可能的?

我对HTML电子邮件最好的建议是保持简单,在设计邮件时避免使用花哨的背景和边框。但我们都知道有时候设计师有其他的想法,我们必须利用我们现有的

下一个最好的方法是渐进式增强——在有效的地方使用花哨的背景边框,在无效的地方使用可接受的回退

最后,我不确定你们试过什么,但总有竞选班长的Stig's


希望这能给你一些如何继续的想法。

欢迎来到StackOverflow!电子邮件可以使用内联CSS,因此很有可能实现这样的设计。但是,如果没有示例电子邮件,很难提出这样的设计。请更新您的问题,使其在一个列表中显示所有相关代码。有关更多信息,请参阅关于如何提出好问题的说明:)我不久前遇到了类似的情况。最后,我用从photoshop中提取的颜色将每个像素编码为一列。因为它是彩色的,所以我不必担心电子邮件的高度,因为专栏会根据内容不断增加和减少。