0
我知道這是推動現實了一點,但我要問這個問題?HTML電子郵件模板
是否有可能有一個固定的背景圖片不重複,並與表在圖像前面?
我現在的問題是,如果當前圖像前面的表變長(比圖像高度更長),那麼圖像將自我向下重複,並且看起來非常醜陋且不專業。
事業部是出了問題,它不與電子郵件的工作都順利。
圖像基本上是從上到下的黑色到淡藍色陰影圖像。下面
是我使用的是我的Outlook電子郵件合併HTML模板。
<body style="background: transparent url(<MY IMAGE>;);">
<table align="center" border="0" cellpadding="0" cellspacing="0" width=700">
<tbody style="text-wrap:normal;word-wrap:break-word">
<tr>
<td>
<font face="Verdana"><img height="20" src="<MY IMAGE>" style="width: 700px; height: 20px;" width="1" /></font></td>
</tr>
<tr>
<td>
<font face="Verdana"><img height="80" src="<MY IMAGE>" style="width: 750px; height: 80px;" width="750" /></font></td>
</tr>
<tr>
<td align="left" bgcolor="#FFFFFF" style="padding: 10px;">
<p>
<span style="font-size: 14pt;"><strong><span style="color: rgb(0, 0, 128);"><font face="Verdana">Place Heading here.</font></span></strong></span><br />
<br />
<span style="font-size: 10pt;"><span style="font-family: arial,helvetica,sans-serif;">Place text here.
Place text here.Place text here.
<br />
<br />
</span></span></p>
</td>
</tr>
<tr>
<td>
<font face="Verdana"><img height="90" src="<MY IMAGE>" style="width: 750px; height: 90px;" width="750" /></font></td>
</tr>
<tr>
<td align="left" bgcolor="#83B5D4" style="font-size: 9px; color: rgb(255, 255, 255);">
<font face="Verdana"><img height="10" src="<MY IMAGE>" style="width: 10px; height: 10px;" width="10" /></font></td>
</tr>
<tr>
<td align="center" bgcolor="#162C76" style="padding: 10px;" valign="middle">
<font color="#FFFFFF" face="Verdana" style="font-size: 10px; line-height: 1.5em;">Tel: +27 11 454 1074 | Fax: +27 11 454 1073 | <a href="mailto:[email protected]" style="color: rgb(255, 255, 255); text-decoration: none;">[email protected]</a> | <a href="http://cts.vresp.com/c/?PSIberSolutions/45620e101d/TEST/b2198ee889" style="color: rgb(255, 255, 255); text-decoration: none;" target="_blank">www.psiberworks.com</a><br />
15 Seventh Avenue, Edenvale, 1610</font></td>
</tr>
</tbody>
</table>
</body>
請記住[background-image屬性在電子郵件中的兼容性有限] [1],所以你應該總是使用'background在使用背景圖像時可以選擇「色彩」選項。 [1]:http://www.campaignmonitor.com/css/ – Wex
添加「不重複」頂部的風格屬性&背景色:[「淺藍色」]? – ptriek
@priek這些CSS樣式在> = Outlook 2007,Hotmail或Gmail中不起作用。檢查Wex的鏈接 - 它在構建HTML電子郵件中非常有用 –