2011-12-09 110 views
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> 
+2

請記住[background-image屬性在電子郵件中的兼容性有限] [1],所以你應該總是使用'background在使用背景圖像時可以選擇「色彩」選項。 [1]:http://www.campaignmonitor.com/css/ – Wex

+0

添加「不重複」頂部的風格屬性&背景色:[「淺藍色」]? – ptriek

+0

@priek這些CSS樣式在> = Outlook 2007,Hotmail或Gmail中不起作用。檢查Wex的鏈接 - 它在構建HTML電子郵件中非常有用 –

回答