2011-11-04 9 views
19

voglio inviare email corpo HTML come di seguito con background-image css ai miei utenti:background-image css all'interno di una e-mail html - Gmail non supporta

<div style='width:500px;height:1000px;background-color:black;background-image:url(http://upl0ad.org/images/mylogo.gif) repeat scroll left top;'> 
    My Content 
</div> 

ma come sul link qui sotto dice Google non supporto cx di background-image!
http://www.campaignmonitor.com/css/

cosa posso fare a tale proposito?

+0

Si prega di non inserire i tag nel titolo. Inoltre, questo non ha nulla a che fare con ASP.Net. – SLaks

+0

non c'è davvero nulla che tu possa fare poiché positon e z-index non sono supportati da Gmail o – CBRRacer

+0

Ridisegnare finché non trovi qualcosa che funzioni con le immagini in linea è una scelta, e una persona comune. Controlla qualsiasi altra email html che ricevi e vedi quanti provano e usano le immagini di sfondo. –

risposta

42

Hai provato a impostare l'attributo background di una tabella?

Questo è il metodo consigliato dettagliato nel seguente post del blog Mailchimp: Background Images and CSS in HTML Email.

Esempio (testato in Gmail)

<table background="https://www.google.com/intl/en_com/images/srpr/logo3w.png" width="275" height="95"> 
     <tr> 
      <td> 
       Email Content... 
      </td> 
     </tr> 
    </table> 
+1

funziona - grazie caro fratello - cos'è questo posto? sono nuovo qui! così fantastico – MoonLight

+0

Benvenuto! Sono contento che sia stato d'aiuto. – jdavies

+0

c'è un modo per ripeterlo? – MoonLight

7

Non si può fare nulla al riguardo. L'uso di CSS per impostare l'immagine di sfondo non è supportato in molte applicazioni di posta elettronica per motivi di sicurezza.

L'unico modo per mostrare effettivamente lo sfondo dietro al testo è creare un'immagine con del testo e visualizzarla utilizzando il tag <img src="##" />. Tuttavia, ricordati sempre di aggiungere il link alla versione testuale della tua email e/o il link alla copia della tua newsletter basata sulla pagina web.

In aggiunta, è necessario ricordare che il design della newsletter è molto diverso dal design del sito Web. È necessario ignorare tutte standard abituali, è necessario utilizzare le tabelle, stili inline, tag img ecc

Guarda cosa per alcuni buoni suggerimenti: http://www.sitepoint.com/code-html-email-newsletters/

anche MailChip (probabilmente più popolare sistema di gestione della Newsletter) ha alcuni ottimi suggerimenti su come codificare le email HTML: http://kb.mailchimp.com/article/how-to-code-html-emails

+0

grazie per link utili/ho una piccola domanda da parte tua che non so di poterla postare come Q o no! tuttavia voglio solo sapere qual è il modo migliore per creare e-mail html in asp.net con C# e inviarli con il codice nascosto? dovrei fare una email html nel codice solo o c'è un modo migliore per crearli (significa visivamente)! – MoonLight

0

Ho provato su gmail: gmail rimuoverà background-color = # FFFFFF con "background-image", è strano.

"background" funziona, quindi converti sfondo-colore e background-image in "background" in stile.

"background-color" funziona = # fefefe troppo

testato su 2013-09-10