HTML 电子邮件未显示完整的背景图像高度答案

【问题标题】：HTML email not showing full background image heightHTML 电子邮件未显示完整的背景图像高度
【发布时间】：2012-12-25 03:50:55
【问题描述】：

HTML 电子邮件中仅显示图像的顶部。我在 Rails 3 中使用 ActionMailer 发送此内容。如何让图像的全长显示？

<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
  </head>
  <body>
        <table style="background-repeat: no-repeat; background-size: 100% 100%;" width="100%" height="100%" border="0" cellspacing="0" cellpadding="20" background="https://s3.amazonaws.com/mybucket/image.png">
                <tr><td></td></tr>
        </table>
  </body>
</html>

对此的任何想法都会很棒。我只想让 image.png 的全部内容显示在电子邮件中。

【问题讨论】：

检查一下，可能会对您有所帮助：*.com/questions/7520936/…

标签： html css

【解决方案1】：

设置表格的高度等于图像的高度。只是让您知道，并非所有电子邮件客户端都支持背景图片。

【讨论】：

【解决方案2】：

添加到你的html和body标签style="height: 100%"

或

将html标签设置为图片的高度style="height: 550px"，将body标签设置为style="height: 100%"

Fiddle example 100% tags Fiddle example with fixed height html tag

【讨论】：

您还可以将html和body标签的高度定义为图像的高度。