Gibt es eine Möglichkeit, ein Hintergrundbild zu erstellen, ohne sich für Outlook in Outlook.com zu wiederholen?

Question

Für normale Web-Seiten ist es einfach, ein Bild zu bedecken eine Tabellenzeile (oder ein div, die nicht in E-Mail verwendet wird, in der Regel.), Um zum Beispiel

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

Gibt es eine Möglichkeit ähnlich zu erreichen Effekt in E-Mail für Outlook.com? (Bitte beachten Sie, dass es outlook.com ist, nicht Outlook-Client, so dass MSO-Tag nicht funktioniert.)

Answer 1

Ich benutze Hintergrundbilder in HTML-E-Mail die ganze Zeit. Das CSS-Attribut background-size: cover wird in vielen E-Mail-Clients, einschließlich Outlook.com, nicht unterstützt. Als Arbeitsumgebung empfehle ich Ihnen, ein Hintergrundbild zu verwenden, das mit der Hintergrundfarbe des Body-Tags eingeblendet wird. Das Bild muss mindestens 950 px breit sein, um den Leserbildschirm in den meisten E-Mail-Clients abzudecken. Das BG-Bild kann dann auf einen Wrapper-Tabellencontainer mit einem With von 100% angewendet werden. Es wird standardmäßig zentriert sein. HINWEIS: Für Outlook-Desktop-Clients müssen Sie den VML-bg-Hack verwenden. Mehr dazu https://www.emailonacid.com/blog/article/email-development/emailology_vector_markup_language_and_backgrounds