2011-11-04 21 views
19

quiero enviar correo electrónico cuerpo HTML, como a continuación con la imagen de fondo CSS para mis usuarios:Imagen de fondo css dentro de un correo electrónico HTML - Gmail no admite

<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> 

pero como dice el siguiente enlace Google no lo hace apoyo background-image css!
http://www.campaignmonitor.com/css/

¿qué puedo hacer al respecto?

+0

Por favor, no poner etiquetas en el título. Además, esto no tiene nada que ver con ASP.Net. – SLaks

+0

realmente no hay nada que puedas hacer, ya que positon y z-index no son compatibles con gmail – CBRRacer

+0

Rediseña hasta que encuentres algo que funcione con imágenes en línea es una opción y una de las personas comunes. Verifique cualquier otro correo html que reciba y vea cuántos intentan y usan imágenes de fondo. –

Respuesta

42

¿Ha intentado con establecer el atributo background de una tabla?

Este es el método recomendado que se detalla en la siguiente publicación de blog de Mailchimp: Background Images and CSS in HTML Email.

Ejemplo (Probado en 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

funciona - gracias querido hermano - ¿qué es este lugar? ¡soy nuevo aquí! tan fantástico – MoonLight

+0

¡Bienvenido! Me alegro de que haya sido útil. – jdavies

+0

¿hay alguna manera de repetirlo? – MoonLight

7

Usted no puede hacer nada al respecto. El uso de CSS para establecer la imagen de fondo no es compatible con muchas aplicaciones de correo web debido a razones de seguridad.

La única manera de mostrar realmente el fondo detrás del texto es crear una imagen con texto y mostrarla usando la etiqueta <img src="##" />. Sin embargo, recuerde siempre agregar un enlace a la versión de texto de su correo electrónico y/o un enlace a la copia de su boletín informativo en la página web.

Additoinally, debe recordar que el diseño del boletín es muy diferente al diseño del sitio web. Es necesario hacer caso omiso de todas las normas habituales, es necesario utilizar las tablas, los estilos en línea, las etiquetas img etc.

Mira lo que para algunas buenas sugerencias: http://www.sitepoint.com/code-html-email-newsletters/

también MailChip (probablemente el más popular sistema de gestión Boletín) ha algunas muy buenas sugerencias sobre cómo codificar correos electrónicos HTML: http://kb.mailchimp.com/article/how-to-code-html-emails

+0

gracias por enlaces útiles/¡Tengo una pequeña pregunta tuya que no sé, puedo publicarla como Q o no! sin embargo, solo quiero saber cuál es la mejor manera de hacer correos electrónicos html en asp.net con C# y enviarlos con código detrás? ¿Debo hacer un correo electrónico html en el código detrás solo o hay una mejor manera de hacerlos (significa visualmente)! – MoonLight

0

Probé en gmail: gmail eliminará background-color = # FFFFFF con "background-image", es raro.

"fondo" funciona, por lo que convierta el color de fondo y la imagen de fondo en "fondo" en estilo.

"background-color" = # fefefe también funciona

probado en 2013-09-10

Cuestiones relacionadas