HTML-E-Mail mit background-image Style wird nicht angezeigt.

Question

Ich bin gerade dabei, eine E-Mail-Vorlage zu erstellen, die Bilder von externen Websites anzeigen soll. Ich habe einige Tags platziert, um die Bilder darzustellen, und es gibt einige Tags mit der Hintergrundbild-Eigenschaft im Inline-CSS der Elemente.

Jetzt, wenn eine E-Mail in Outlook empfangen wird, werden die Bilder nicht angezeigt (das ist zu erwarten, da die Bilder nicht eingebettet sind). Und wenn ich auf "Bilder herunterladen" klicke, um die Bilder richtig zu sehen, werden nur die Bilder im Tag angezeigt und das Hintergrundbild für das wird nicht gerendert.

Irgendwelche Ansichten zur Lösung dieses Problems?

Danke!

Answer 1

Zuletzt fand ich die Antwort.

Outlook 2007 verwendet nicht den Rendering-Engine des Internet Explorers zum Laden von HTML-Inhalten. Stattdessen verwendet es die HTML- und CSS-Funktionen von Word 2007.

Aufgrund dessen werden CSS-Attribute wie background-image nicht unterstützt. Daher ist es nicht möglich, ein Hintergrundbild für HTML-Elemente in Outlook mit standardmäßigen CSS-Tags festzulegen.

Weitere Informationen finden Sie unter http://msdn.microsoft.com/en-us/library/aa338201(v=office.12).aspx

Answer 2

Hintergrundbilder werden in Outlook nicht unterstützt. Als bewährte Praxis sollten Sie niemals Hintergrundbilder in HTML-E-Mails verwenden. Wenn Sie unbedingt einen Hintergrund haben müssen, können Sie ein Bild UND eine einfarbige Farbe verwenden. Diejenigen mit E-Mail-Clients, die Hintergrundbilder unterstützen, erhalten die Bilder, und diejenigen, die es nicht unterstützen, werden auf die einfarbige Farbe zurückgreifen.

Answer 3

Es gibt tatsächlich eine Methode, Hintergrundbilder in HTML-E-Mails in Outlook zu verwenden.

Wie Chaitanya erwähnt, kann dies nicht mit CSS gemacht werden, aber es kann über VML gemacht werden.

Die Technik ist etwas komplizierter als die Verwendung von background: url(....) und ich verwende sie nicht so häufig wie die CSS-Technik (wenn sie in Outlook funktionieren würde). Aber es ist sehr nützlich.

Ich habe sie erfolgreich in einer Reihe von Kampagnen verwendet.

Vollständige Anweisungen hier: einschließlich einer Liste von E-Mail-Clients, die diese Technik unterstützen.

http://www.campaignmonitor.com/forums/viewtopic.php?pid=14197

Answer 4

Außerdem, hier ist ein Leitfaden von Campaign Monitor: http://www.campaignmonitor.com/css/, der mir sehr geholfen hat.

Answer 5

Es gibt eine Möglichkeit, HTML-Bilder anzuzeigen.

Richtig formatierte HTML-E-Mails werden als MSWord-Dokument in Outlook gerendert.

Ich habe die Lösung aus diesem https://stackoverflow.com/a/12693917/413032 Beitrag erhalten.

Also brauchen wir eine Alternative.

Tatsächlich können Sie Ihre HTML-E-Mail in MSWORD öffnen und sehen, was falsch erscheint und überlegen, was eine Alternative sein kann.

Hier ist, was ich gemacht habe ;

1. v-Namespace zum HTML-Tag hinzugefügt

     < html xmlns:v="urn:schemas-microsoft-com:vml"

2. v-Stil zum Head-Block hinzugefügt

   < head >
   
          v\:* { behavior: url(#default#VML); display:inline-block}

3. In der Tabelle oder an der Stelle, an der Sie Ihren MSWord-Alternativtext benötigen

   Das ist alles.
   Sicher wird es ein MSWord-Rendering sein. Und außerdem, wie Sie bemerken, verwenden wir absolute Positionierung...In jedem Fall ist dies ein Workaround und löst das Problem auf eine bestimmte Weise.
   Wir hoffen, dass MS-Outlook eines Tages HTML-E-Mails mit einem Webbrowser anzeigt und nicht mit MS-Word.
   
    ....