Arrière-plan de courrier électronique Gmail HTML

Je suis en train de travailler sur un e-mail HTML.
Le problème que je reçois est que GMAIL n'utilise pas le "background-position" je le donne.
J'ai une table avec 100% de largeur qui a un fond qui doit être centré. La plupart des clients ne l'ont parfaitement mais Gmail ne fonctionne pas. Est-il une solution pour cela?

Les CSS, c'est comme ceci: (j'ai divisé toutes les propriétés de l'arrière-parce que sinon, la plupart des clients ne s'affichent pas de la bonne façon)

<table style="background-repeat: no-repeat; background-position: center top;" border="0" width="100%" align="center" bgcolor="#1E1411" background="assets/mainback2.jpg">

source d'informationauteur jwktje

  1. 22

    Il EST possible, vous n'avez qu'à mettre tout l'arrière-plan de style dans une ligne, comme ceci:

    background:#1E1411 url(assets/mainback2.jpg) no-repeat center top;

    Mais parce que certains clients de messagerie ne peut pas gérer les images de fond, vous devez séparer les couleurs.

    background:url(assets/mainback2.jpg) no-repeat center top;
background-color:#1E1411;
  2. 2

    Vous avez répondu à votre propre question.

    GMAIL n'utilise pas le "background-position

    l'article

  3. 0

    Peut-être que vous avez à définir votre fond dans le STYLE des citations non pas séparément. écrire comme ceci:

    <table style="background-repeat: no-repeat; background-position: center top; background-image:url(assets/mainback2.jpg)" border="0" width="100%" align="center" bgcolor="#1E1411">
  4. 0

    À partir de: http://css-tricks.com/using-css-in-html-emails-the-real-story/

    Ce que vous ne POUVEZ PAS faire:

    Inclure une section avec des styles. Apple Mail.application prend en charge, mais Gmail et Hotmail ne le font pas, donc c'est un non-non. Hotmail sera de soutenir un style de section dans le corps, mais Gmail ne fonctionne toujours pas.

    Lien vers une feuille de style externe. Pas beaucoup de clients de messagerie l'appui de cette, suffit de les oublier.

    Background-image /Background-position. Gmail est aussi le coupable sur ce coup.
    Claire de votre flotte. Gmail une fois de plus.

    De la marge. Oui, sérieusement, Hotmail ignore les marges. En fait tout de positionnement CSS ne fonctionne pas.

    Font-quoi que ce soit. Les Chances sont Eudora ignore rien de ce que vous essayez de déclarer avec les polices.
    Il ya un peu plus de choses que vous devez être conscient de. Pour une grande liste complète de ce que l'e-mail en ligne des services l'appui de ce que, voir cet article sur Xavier Frenette.

    Donc, pas faire copain.

  5. 0

    Mettre l'image de fond sur un td comme,

    <td background="http://someimageurl" style="background-repeat:no-repeat">

    puis placez le table sur le centre de align="center". Donner à la table same largeur comme arrière-plan pour obtenir un centré effet. La solution de centrage cette mais il n'est pas applicable à tous les cas.

  6. 0

    À chaque fois que je veux les images de fond pris en charge dans des clients tels que Gmail, j'ai simplement utiliser ce:

    http://www.campaignmonitor.com/blog/post/3170/adding-background-images-to-your-email-in-two-simple-steps/

  7. 0

    Essayer de vérifier cette
    http://zurb.com/ses e-mails HTML qui fonctionnent sur n'importe quel périphérique & client.