1
A
回答
2
啊Mailchimp。那麼,在自定義模板中,最好的做法是從字面上做到這一點。意思是,將它添加到表格或TD與CSS和默認表樣式。
此外,您還必須考慮您的電子郵件將轉到的Outlook用戶。
所以你必須添加一些東西。
讓我們從head
上面的html
標籤開始。首先,要使用的最佳文檔類型是XHTML 1.0 Transitional。現在我知道你可以用空html標籤和NO DOCTYPE做一個,但是你沒有做任何好處。
變化<html>
到<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
這會說「你正在使用微軟好吧,那些人在那裏規則?」
下關,在CSS
需要補充一點:
#outlook a{
padding:0;
}
.ReadMsgBody{
width:100%;
}
body{
width:100% !important;
min-width:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
.ExternalClass{
width:100%;
}
v*{
behavior:url(#default#VML);
display:inline-block;
}
,請注意那些喜歡v*
和#outlook a
。
所以你有這些,現在你可以添加背景的東西。在EACH表或td你想要一個背景,你必須添加它內聯。 但是這也是一個很好的做法,即使用xlmns
包裝。這不必是代碼,它可以被註釋掉,並且仍然會作爲備份讀取。
<!--[if gte mso 9]>
<v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
<v:fill type="tile" src="YOURIMAGEPATH.jpg" color="#000000"/>
</v:background>
<![endif]-->
<table cellpadding="0" cellspacing="0" border="0" width="600" bgcolor="#000000" background="YOURIMAGEPATH.jpg" style="background-image:url(YOURIMAGEPATH.jpg)">
<tr>
<td align="center">
<!--YOUR CONTENT-->
</td>
</tr>
</table>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
請注意整個表如何包裝在該評論部分?這就是說,基本上如果您的收件人使用Outlook,它將繼續並呈現背景。
運動監視器也做了一個非常漂亮的做到這一點table
和td
。請記住,您不能使用cover
,或者根本不使用背景。只要使它成爲你的電子郵件的100%大小。
<!--Hopefully not more than 600px-->
相關問題
- 1. 背景大小 - 封面
- 2. css背景大小封面
- 3. 背景大小:封面與背景大小:包含
- 4. CSS - 背景大小:封面太大
- 5. `背景大小:封面`填滿邊框
- 6. 背景大小封面不工作
- 7. 背景圖像後的位置文本(背景大小:封面)
- 8. 背景大小:封面不設置背景圖像的高度
- 9. 背景夾與背景大小的封面喙蓋?
- 10. 背景圖像平移背景大小:封面?
- 11. CSS3背景漸變動畫 - 背景大小:封面不工作?
- 12. CSS3背景大小:封面上調整大小
- 13. 如何獲取背景大小:封面;大小和百分比?
- 14. CSS:背景大小封面尺寸太大
- 15. 如何垂直對齊具有背景大小的背景圖片:封面?
- 16. 背景大小的封面在背景位置切換爲固定時跳躍
- 17. 表格中的背景大小的封面
- 18. 可調整大小的三列背景圖片/封面版式
- 19. 如何解決IE的背景大小:封面問題?
- 20. 調整封面背景圖像的元素大小
- 21. 背景大小的封面使css3動畫波濤洶涌
- 22. 背景大小:封面在Chrome和Safari中的性能不佳
- 23. 有沒有其他的背景大小:封面?
- 24. 背景大小的封面裁剪問題
- 25. CSS - 背景大小:封面;太大了。我如何重新調整大小?
- 26. 模仿背景大小:封面與amp-img標籤
- 27. 「背景大小:封面」不包括手機屏幕
- 28. HTML5視頻標籤 - 如何設置封面背景大小
- 29. CSS3背景大小:封面不會使圖像垂直覆蓋
- 30. 背景大小:封面不適用於iPhone 4或5
當你說這刪除它,在什麼時候,你注意到了嗎?是在發送測試郵件之後,還是在點擊下一步後?由於許多電子郵件客戶端不支持它,這可能是問題並解釋了爲什麼它被刪除。 – Lag