在Outlook中自动调整VML背景图像的大小

时间:2013-06-21 15:33:54

标签: html html-email vml

我知道Bulletproof Email Backgrounds hack,但是因为这会在背景中放置一个设置大小的VML矩形,然后将内容放在其中,它不会调整大小。

或者换句话说,表格单元格中的文本被裁剪为VML矩形的高度。

我已经尝试了所有我能想到的东西,但似乎无论如何都不允许VML矩形的内容调整它的大小。

是否有其他方法可以在Outlook中获取背景图像?

1 个答案:

答案 0 :(得分:0)

除了VML之外,在Outlook中获取背景图像的唯一方法是在body标签中。

这是技术(适用于所有主要客户):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<body style="margin: 0px; padding: 0px; background-image: url('http://lorempixel.com/100/100/'); background-color: #252525; background-repeat: repeat-y no-repeat; background-position: top left;" bgcolor="#252525">
<!-- BODY FAKE PANEL -->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" background="http://lorempixel.com/100/100/">
  <tr>
    <td valign="top">
<!-- CENTER FLOAT -->
      <table width="600" height="800" border="0" valign="top" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <tr>
          <td align="center">
Center panel
          </td>
        </tr>
      </table>
<!-- /CENTER FLOAT -->
    </td>
  </tr>
</table>
<!-- /BODY FAKE PANEL -->
</body>
</html>