geben wie die box-shadow-mail

Ich will meine eigene mail im html-code.

Nun habe ich geschrieben das folgenden code

<table style="margin:auto;box-shadow:0 0 11px #090909">
</table>

Die Eigenschaften richtig arbeiten, aber die Wirkung der boxshadow funktioniert nicht in gmail und yahoo, aber es funktioniert in anderen Unternehmen domain

  • box-shadow nicht unterstützt, auf die gmail/yahoo-E-mail, wie gesagt wurde, auf dieser Anleitung
  • Dann gibt es eine andere Möglichkeit geben Schatten in der E-Mail?
InformationsquelleAutor Uday A. Navapara | 2014-03-10
  1. 4

    Es ist nur ein einige E-Mail-clients. Sie sind besser dran, unter Verwendung der Bilder, wenn Sie wollen, zu 100% unterstützen.

    InformationsquelleAutor Shanthi
  2. 3

    Das ist, wie wir dies getan haben, wenn kein CSS3 rund:

      <div class="shadow" style="width:150px">
    <div class="overlay">
      <p>BoxShadows 90s style.</p>
    </div>
  </div>

    und CSS:

    .overlay {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  padding: 0.5em;
}
.shadow {
  background-color: #CCCCCC;
}
.shadow .overlay {
  bottom: 4px;
  position: relative;
  right: 4px;
}

    Arbeiten durch die Hinterlegung der Inhalt mit einem leicht verschobenen Grau div.

    Schauen Sie hier für die nicht so fancy Ergebnis. Beispiel

    Andere Möglichkeit wäre, wickeln Sie Ihre Tabelle in eine Tabelle, wo die äußeren Zellen haben 2 gestreckt halb-transparenten pngs und 1 Ecke png als hintergrund. Schaut weit besser aus, aber da die meisten E-Mail-clients zeigen keine Bilder standardmäßig, würde ich halte mich an den guten alten browser-safe Vorschlag mit einem overlay-div.

    • Das ist eine gute Lösung und sollte in allen clients.
    • Gibt es eine Möglichkeit, um diese Schatten unscharf?
    InformationsquelleAutor mainguy
  3. -6
    <table style="margin:auto;box-shadow:0 0 11px #090909;">

    Du hast vergessen hinzufügen, überprüfen, mit, dass, wenn das ist die Frage.

    • Nein, ich bin nicht vergessen, weil es in anderen E-Mail-Domäne
    • es ist dabei nicht nötig ; am Ende
    • ein trailing ; ist nicht notwendig, die OP-syntax korrekt ist
    InformationsquelleAutor Prashant Sharma
Schreibe einen Kommentar