我正在嘗試制作時事通訊，其中有一些圖像作為背景和文字。這很容易，但我需要繼續進行Ms Outlook。我試過的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 回答
拉風的咖菲貓
TA貢獻1995條經驗 獲得超2個贊
后臺DOES在Outlook中有效，但僅在<body>電子郵件標簽中有效。它不適用于個人<td>，僅適用于整個電子郵件。
更新：或者，您可以使用VML方法，該方法允許您將背景圖像添加到Outlook中的單個頁面元素。
這適用于大多數客戶端，包括Outlook：
<body style="background-image: url('img.jpg');">
<table width="100%" background="img.jpg">
這是適用于所有主要電子郵件客戶端（包括Outlook）的完整代碼。它在100％寬度的表格中將背景圖像設置為具有背景回退。
<!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>
- 3 回答
- 0 關注
- 717 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消