我正在嘗試制作時(shí)事通訊，其中有一些圖像作為背景和文字。這很容易，但我需要繼續(xù)進(jìn)行Ms Outlook。我試過(guò)的1。<td width="100" height="100" style="background: url('someurl');">text</td>2。<td width="100" height="100" background="someurl">text</td>3。<td width="100" height="100"> <div style="width: 0px; height:0px; position: relative;"> <div style="width: 100px; height: 100px; position: absolute; background: url('someurl')"> text </div> </div></td>但是，在前景方面效果不佳。我不知道如何解決。我正在使用Outlook 2007。任何幫助，將不勝感激。
3 回答
拉風(fēng)的咖菲貓
TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊
后臺(tái)DOES在Outlook中有效，但僅在<body>電子郵件標(biāo)簽中有效。它不適用于個(gè)人<td>，僅適用于整個(gè)電子郵件。
更新：或者，您可以使用VML方法，該方法允許您將背景圖像添加到Outlook中的單個(gè)頁(yè)面元素。
這適用于大多數(shù)客戶(hù)端，包括Outlook：
<body style="background-image: url('img.jpg');">
<table width="100%" background="img.jpg">
這是適用于所有主要電子郵件客戶(hù)端（包括Outlook）的完整代碼。它在100％寬度的表格中將背景圖像設(shè)置為具有背景回退。
<!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/output/food-q-c-100-100-7.jpg'); background-color: #0D679C; background-position: top center;" bgcolor="#0D679C">
<!-- BODY FAKE PANEL -->
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" background="http://lorempixel.com/output/food-q-c-100-100-7.jpg">
<tr>
<td>
<!-- CENTER FLOAT -->
<table width="800" border="0" valign="top" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="1000" align="center" valign="middle">
Center panel
</td>
</tr>
</table>
<!-- /CENTER FLOAT -->
</td>
</tr>
</table>
<!-- /BODY FAKE PANEL -->
</body>
</html>
添加回答
舉報(bào)
0/150
提交
取消