Question

我在大多数电子邮件客户端（例如GMail或Yahoo Mail）中都没有显示背景问题，但我发现this thread并且通过替换解决了问题（尽管我丢失了一些属性，例如背景重复和位置）{{ 1}}到<table style="background: url('bg.png');">。

但是现在我在 Hotmail 中遇到了同样的问题，上述代码形式似乎都没有用。

This page是stackoverflow中大多数类似问题的答案的参考，它说Outlook.com（新的hotmail）不支持CSS背景，我应该使用<table background="bg.png">属性，但是我的没有用。

我做错了什么？！

Answer 1

Outlook仅支持正文标记中的背景。

电子邮件背景的两种方式：

通过VML：emailbg.net

或者这是不那么花哨的方式：

<!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/food/'); 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/food/">
  <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>

Hotmail没有显示html或css背景

1 个答案: