錨放置在圖像表格的背景之上的電子郵件模板

我有一個表，其中有在它上面的一些圖片鏈接以及徽標背景圖片下面的代碼。我正在使用一個mailchimp帳戶，我想讓背景可編輯。不可能使背景圖像可編輯。錨放置在圖像表格的背景之上的電子郵件模板

因此，我想知道的替代解決方案，以對一個圖像的頂部的社會聯繫和標識，同時仍允許圖像下面是編輯的，所以背景圖像沒有在一個表中的背景屬性，即在兼容大多數電子郵件客戶端，允許在Mailchimp中進行編輯。

<table mc:edit="backgroundImage" class="backgroundHeader" background="http://104.131.7.150/public/vancouverSunrise.jpg" border="0" cellpadding="0" height="400" cellspacing="0" width="100%"> 
    <tr valign="top"> 
     <td> 
      <div align="right" style="padding: 40px 15px 0px 15px;"> 
       <table border="0" cellpadding="0" cellspacing="0" width="30"> 
        <!-- LOGO/PREHEADER TEXT --> 
        <tr align="right"> 
         <td><a mc:edit="linkedin" href="*|CUSTOM_URL|*"><img src="linkedin.png" width="46.6" height="44" /></a></td> 
         <td><a mc:edit="facebook" href="*|CUSTOM_URL|*"><img src="facebook.png" width="46.6" height="44" /></a></td> 
         <td><a mc:edit="twitter" href="*|CUSTOM_URL|*"><img src="twitter.png" width="46.6" height="44" /></a></td> 
        </tr> 
       </table> 
      </div> 
     </td> 
    </tr> 
    <tr valign="top"> 
     <td> 
      <div align="center" style="padding: 10px 15px 0px 15px;"> 
       <table border="0" cellpadding="0" cellspacing="0" width="30" class="wrapper"> 
        <!-- LOGO/PREHEADER TEXT --> 
        <tr align="center"> 
         <td><a href="#"><img src="image.png" width="244" height="126.6" /></a></td> 
        </tr> 
       </table> 
      </div> 
     </td> 
    </tr> 
</table>

來源

2014-10-30 Anders Kitson

使用背景圖片總是在HTML的電子郵件是一個壞主意，使用標籤代替 – 2014-10-30 16:28:46

我明白你的說法。但是，我會如何將其他imgs放在主IMG上方。在表格佈局中，因爲許多電子郵件客戶端不會接受絕對位置。或負利潤率。 – 2014-10-30 16:53:50

不能使用z-index無論是在另一個上面這樣黑客的img是不可能的。

你需要從http://backgrounds.cm/有一個設置根據各地的代碼，讓你的mc:edit屬性得到的文件名在這兩個背景屬性TD（不表的，表格的背景並不在多數客戶機工作）和生成的代碼中的VML腳本。您還需要更新對TD與VML的height和width屬性。

來源

2014-10-30 21:50:07 zazzyzeph

P.S.指向IP地址的圖像在Outlook.com（Hotmail）中不起作用。可能還有其他一些客戶，並沒有對此進行徹底的測試。 – zazzyzeph 2014-10-30 21:51:32

這就是我之前做的，只是沒有把mc：edit放在正確的位置。天啊。好吧，我會去測試這個，儘快選擇這個答案。謝謝！ – 2014-10-30 21:55:36

其實我不太清楚你的意思，得到MC：編輯文件名。你能舉個例子嗎？ – 2014-10-30 22:14:52

錨放置在圖像表格的背景之上的電子郵件模板

回答

相關問題