在電子郵件模板上覆蓋圖像的文字

Question

我的背景圖像適用於電子郵件模板（我知道背景圖像不會在所有電子郵件模板中一直工作，但我的客戶希望它通過電子郵件發送背景圖像）。 我想爲郵件模板添加背景圖片，但沒有運氣，因爲它在大多數客戶端中不受支持。

我試圖在圖片上使用負邊距左側和絕對位置疊加文本，但沒有運氣，因爲outlo0k，gmail和筆記中不支持margin-left。

任何幫助/建議將事先

Answer 1

很大

由於是，仍有實現的背景圖片一些很好的解決方案。

在Outlook中，這是來自Campaign Monitor博客的post更難處理的客戶之一，應該指出您的方向是正確的。這是一種使用VML在Outlook 2007,2011,2013中獲得背景圖像效果的技術。

另一個技巧是將!important聲明添加到您的CSS中，以便Gmail識別背景圖像。

如果您使用舊bgcolor屬性設置的表格，以防您的背景圖片無法加載，您可能還需要設置背景顏色。這樣，如果你有說...藍色背景上的灰色文字，它仍然看起來沒問題。

最後，將您的背景圖像設置爲內嵌CSS，並使用媒體查詢，以便像iPad這樣的客戶端更容易與您一起工作，以獲得您想要的結果。