有沒有辦法在outlook.com中爲電子郵件製作背景圖片？

對於正常的網頁，很容易使圖像將被覆蓋錶行（或一個div，這通常不是在電子郵件中使用。）例如，有沒有辦法在outlook.com中爲電子郵件製作背景圖片？

tr { 
    background-image: url('https://placehold.it/100x100'); 
    background-position: center; 
    background-size: cover; 
}

有沒有辦法來實現類似的在Outlook.com的電子郵件效果？（請注意，它是outlook.com，而不是Outlook客戶端，所以mso標記將不起作用。）

來源

2016-04-21 cytsunny

編碼郵件時避免使用背景圖片通常是個好主意 - 請參閱：https：//litmus.com/community/learning/25-understanding-background-images-in-email – Frits

我在HTML電子郵件中始終使用背景圖像。許多電子郵件客戶端（包括Outlook.com）都不支持background-size：cover CSS屬性。作爲解決方法，我建議您使用背景圖片，並使用身體標記的背景顏色。爲了覆蓋大多數電子郵件客戶端的閱讀器屏幕，該圖像必須至少爲950px寬。然後可以將bg圖像應用於100％的包裝表格容器。它將作爲默認中心。注意：對於Outlook桌面客戶端，您需要使用VML bg hack。更多相關內容https://www.emailonacid.com/blog/article/email-development/emailology_vector_markup_language_and_backgrounds

來源

有沒有辦法在outlook.com中爲電子郵件製作背景圖片？

回答

相關問題