我有背景不显示在大多数电子邮件客户端,如GMail或雅虎邮件的问题,但我发现这个线程和问题解决了替换(虽然我失去了一些属性,如背景重复和位置)<table style="background: url('bg.png');">
到<table background="bg.png">
。
但是现在我在Hotmail中面临同样的问题,上述形式的代码似乎都不起作用。
这个页面是在stackoverflow中大多数类似问题的答案的参考,它说Outlook.com(新hotmail)不支持css背景,我应该使用background
属性代替,但我的不工作。
Outlook只支持body标签中的背景。
电子邮件背景:
Via 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>