Gmail HTML email background

Question

Estoy trabajando en un correo electrónico HTML. El problema que tengo es que GMAIL no usa la "posición de fondo" que le doy. Tengo una tabla con un ancho del 100% que tiene un fondo que debe estar centrado. La mayoría de los clientes lo hacen a la perfección, pero Gmail no. ¿Hay una solución para esto?

El CSS en línea es la siguiente: (i he dividido todas las propiedades de fondo porque de lo contrario la mayoría de los clientes no se muestran de la manera correcta)

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

Answer 1

Es posible, simplemente tienes que poner todo el estilo del fondo en una sola línea, así:

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

Pero debido a que algunos clientes de correo electrónico no pueden manejar imágenes de fondo que tienen que separar los colores.

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

Answer 2

puede ser que usted tiene que definir su fondo en las citas de ESTILO no por separado. escriba de esta manera:

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

Answer 3

Respondió su propia pregunta.

GMAIL no utiliza el "background-position

article

Answer 4

Desde: http://css-tricks.com/using-css-in-html-emails-the-real-story/

Lo que no puede hacer:

incluir una sección con estilos . Apple Mail.app lo admite, pero Gmail y Hotmail no, por lo que es un no-no. Hotmail apoyará una sección de estilo en el cuerpo, pero Gmail todavía no lo hace.

Enlace a una hoja de estilo externa. No hay muchos clientes de correo electrónico compatibles con esto, lo mejor es simplemente olvidarlo.

Background-image/Background-position. Gmail también es el culpable de esto. Despeja tus carrozas. Gmail nuevamente.

Margen. Sip, en serio, Hotmail ignora los márgenes. Básicamente, cualquier posicionamiento de CSS no funciona.

Fuente-cualquier cosa. Es probable que Eudora ignore todo lo que intente declarar con las fuentes. Hay muchas cosas más que debes tener en cuenta. Para obtener una excelente lista completa de los servicios de correo electrónico en línea compatibles, revise este artículo en Xavier Frenette.

Entonces, no se puede hacer amigo.

Answer 5

poner la imagen de fondo en un td como,

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

y luego coloque el table en el centro de align="center". Proporcione el ancho de la tabla same como fondo para obtener un efecto centrado. La solución de centrar esto es, pero no es aplicable a todos los casos.

Answer 6

cuando quiera imágenes de fondo apoyado en clientes como Gmail simplemente uso de este:

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

Answer 7

intenta echa un vistazo a este http://zurb.com/, sus mensajes de correo electrónico HTML que funcionan en cualquier dispositivo & cliente.