Die Verwendung von text-shadow in HTML-E-Mail mit inline-CSS
Ist es möglich, die text-shadow-Funktion mit inline CSS? Ich versuche meinen header ein border, aber nichts scheint zu funktionieren. Ich Schreibe dies für einen E-Mail-Vorlage im IT-ticketing-Anwendung, so kann ich nicht hinzufügen, ein separates Stylesheet. Es scheint, meine Möglichkeiten sind begrenzt. Vielleicht ist meine syntax falsch ist?
HTML:
<h1 style="text-align: center">
<span style="font-family: Verdana">
<span style="text-shadow: -1px -1px #ffffff, -1px 1px #ffffff, 1px -1px #ffffff, 1px 1px #ffffff">
Service Request Created
</span>
</span>
</h1>
Bitte lassen Sie mich wissen, wenn das, was ich versuche zu tun, ist auch möglich.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Dies ist nicht ein inline-Problem. E-Mail-clients begrenzen viele CSS-Eigenschaften. Text-shadow funktioniert nicht bei allen Kunden beliebt: https://www.campaignmonitor.com/css/.
One-Lösung ist, dass Sie können den text, ein Bild.
Auch inline-style-Deklarationen sollten am Ende noch mit Semikolons.
Eine Möglichkeit könnte sein, mit Doppel-Texte (passen Sie die Schatten-Farbe passt sich Ihren Anforderungen an).
Tun, beachten Sie, wie commentend von ShaunOReilly,
position: absolute
(und wahrscheinlichopacity
auch) werden nicht unterstützt in allen E-Mail-clientsHTML:
Aktualisiert
Nicht so langer Zeit lief ich in eine andere Art von Positionierung Elemente ohne Verwendung
absolute
. Seine wurde getestet und arbeitete mehr oder weniger überall (aber Outlook-Desktop), aber da der unten verlinkte Artikel ist 2 Jahre alt, es könnte sogar funktionieren in der heutigen version von Outlook-Desktop.HTML:
Src: http://blog.rebelmail.com/absolute-positioning-in-email/
Dein css korrekt aussieht und funktioniert für mich. Ist der dargestellte text auf einem dunklen hintergrund? Da es schwierig sein kann, um zu sehen, weißer text mit Schatten auf hellem hintergrund. Auch versuchen !wichtig ist am Ende der style. Überprüfen Sie auch mit Ihrem Browser-element-Inspektor, ob Sie Ihren Stil außer Kraft gesetzt.
!important
ist in der Regel nicht eine gute Lösung sowieso. Obligatorisch CommitStrip 🙂Arbeitete für mich, ich habe gerade verändert die Farbe des Schattens.
Sehen Sie diese Geige
Können Sie auch prüfen, diese Artikel zu sehen, die Kompatibilität von CSS3 auf E-Mail-clients :
https://www.campaignmonitor.com/blog/email-marketing/2010/04/css3-support-in-email-clients/