关于 html：Outlook //’07///’10///’13 上的全宽背景

Full Width Backgrounds on Outlook ’07/’10/’13

我一直在使用活动监视器的 http://backgrounds.cm/ 代码来实现单个固定高度/宽度 <td>，它适用于所有桌面客户端，但我们正在转向全宽电子邮件，我可以’ t 获得在任何 mso 版本的 Outlook 中正确显示的全宽选项。即，发生这种情况：

litmustest

我已经按照他们的指示，将他们的代码保留为 body 的第一个孩子，但是背景延伸到了 Outlook 的边距应该在的位置。我正在尝试在 Outlook 中找到一种方法来做单独的全宽背景行。

全宽表格单元格背景图像

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<style>
v:* { behavior: url(#default#VML); display: inline-block; }
</style>
</head>
<body>
<center>
<table width="100%" height="20">
<tr>
<td bgcolor="#dddddd" style="background-image:url(‘http://placekitten.com/g/500/300’);background-repeat:no-repeat;background-position:center;" background="http://placekitten.com/g/500/300" width="100%" height="300">
<!–[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:300px;">
<v:fill type="frame" src="http://placekitten.com/g/500/300" color="#ffffff" />
</v:rect>
<![endif]–>
</td>
</tr>
<tr>
<td bgcolor="#33cc99">
<table border="0" cellpadding="5" cellspacing="0"><tr><td height="5"><table border="0" cellpadding="0" cellspacing="0"><tr><td></td></tr></table></td></tr></table>
</td>
</tr>
<tr>
<td bgcolor="#ffff99" style="background-image:url(‘http://placekitten.com/g/500/300’);background-repeat:no-repeat;background-position:center;" background="http://placekitten.com/g/500/300" width="100%" height="300">
<!–[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:300px;">
<v:fill type="frame" src="http://placekitten.com/g/500/300" color="#ffffff" />
</v:rect>
<![endif]–>
</td>
</tr>
</table>
</center>
</body>
</html>

通过 OSX 10.9.2 上的 Windows 7 VMWare 在 Outlook 2010 中测试

enter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<style>
v:* { behavior: url(#default#VML); display: inline-block; }
</style>
</head>

<body>

</body>
</html>

通过 OSX 10.9.2 上的 Windows 7 VMWare 在 Outlook 2010 中测试

enter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/tech/269217.html

关于 html：Outlook //’07///’10///’13 上的全宽背景

Full Width Backgrounds on Outlook ’07/’10/’13

相关推荐

发表回复

分享到: