0

我在大多数电子邮件客户端(例如 GMail 或 Yahoo Mail)中没有显示背景的问题,但我发现这个线程和问题通过替换(尽管我丢失了一些属性,如背景重复和位置)<table style="background: url('bg.png');">解决了<table background="bg.png">

但是现在我在Hotmail中遇到了同样的问题,并且上述形式的代码似乎都不起作用。

该页面是stackoverflow中大多数类似问题的答案的参考,它说Outlook.com(新hotmail)不支持css背景,我应该改用background属性,但我的不工作。

我做错了什么?!

4

1 回答 1

2

Outlook 仅支持 body 标记中的背景。

电子邮件背景的两种方法:

通过 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> 
于 2013-04-11T17:37:05.160 回答