2016-06-23 10 views
0

Ich habe versucht, ein Hintergrundbild für eine Tabelle wie folgt zu verwenden:html E-Mail: Tabelle Hintergrundbild nicht angezeigt

<table style="background-image:url(cid:email_title_background)"> 

Es ist in meinem Browser korrekt angezeigt wurde. Wenn ich jedoch die echte E-Mail in Outlook und Google Mail überprüfe, wird das Bild nicht angezeigt.

Ich habe überprüft, die möglicherweise erklären warum Outlook fehlgeschlagen ist, aber was ist mit Google Mail?

auch versucht, den Ansatz in https://www.campaignmonitor.com/blog/email-marketing/2010/06/adding-background-images-to-your-email-in-two-simple-steps/, gleiche Ergebnis ...

Jede Hilfe würde geschätzt.

+1

Hintergrund-Bild mit einer tatsächlichen URL und Hintergrund-Bild mit einer verknüpften Ressource sind wahrscheinlich zwei verschiedene Fragen . Google Mail unterstützt das wahrscheinlich nicht. Ich fühle deine Schmerzen beim Erstellen von HTML-E-Mail-Nachrichten. – Rick

+0

Ich stimme auch @Rick zu. Ich habe sehr viele E-Mail-Formatierungen erleiden müssen, nicht nur zwischen Google Mail und Outlook, sondern sogar zwischen verschiedenen Versionen von Outlook. Lösungen, auf die ich mich in der Vergangenheit immer wieder gewandt habe, sind die Suche nach einem Dienst (wie MailChimp), der E-Mails für mich aussendet und oft ausgefeiltere Formatierungen als ich ausgeben kann, um nur ein riesiges Bild für die E-Mail zu erstellen oder eine Website zu erstellen sieht aus wie eine E-Mail und gibt irgendwie Links dazu. Viel Glück! es kann ein schrecklicher Schmerz sein – blubberbo

Antwort

0

Versuchen Sie, das Attribut background des Tabellenelements zu verwenden, anstatt CSS-Attribute zu verwenden. Dies ist der beste Weg, um Probleme in verschiedenen E-Mail-Clients zu vermeiden.

Quelle: http://blog.mailchimp.com/background-images-and-css-in-html-email/

Beispiel (mit Lackmus-geprüft - Google Mail und Outlook):

<table background="http://www.gstatic.com/webp/gallery/1.jpg" width="550" height="368"> 
    <tr> 
     <td> 
      Content 
     </td> 
    </tr> 
</table>