quiero enviar el código html del cuerpo del correo electrónico como el de abajo, con imagen de fondo con css para que mis usuarios :

<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 el enlace de más abajo dice que google no admite la imagen de fondo con css!

http://www.campaignmonitor.com/css/

¿qué puedo hacer acerca de eso ?

  • Por favor, no ponga etiquetas en el título. También, esto no tiene nada que ver con ASP.Net.
  • realmente no hay nada que usted puede hacer desde la posición y z-index no son compatibles con gmail, ya sea
  • Rediseño hasta encontrar algo que funcione con imágenes en línea es una opción, y la más común de las personas. Marque cualquier otro html de correo electrónico que recibes y ver cómo muchos intentan utilizar imágenes de fondo.
  • pero quiero repetir mi logo como imagen de fondo / así que no se puede utilizar dentro de img / también no podemos usar javascript para algunos ancho de la imagen y la altura correcciones cualquier otra idea?
InformationsquelleAutor SilverLight | 2011-11-04

4 Comentarios

  1. 44

    Que han intentado establecer la de fondo atributo de una tabla?

    Este es el método recomendado se detalla en el siguiente Mailchimp blog: Imágenes de fondo y CSS en HTML de Correo electrónico.

    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>
    • funciona gracias querido hermano – ¿qué es este lugar? soy nuevo aquí! tan fantástico
    • Bienvenido!, Me alegro de que la ayudó.
    • hay una manera para que lo repita?
    • Si las dimensiones de la tabla son de mayor tamaño que la imagen, la imagen se repita para llenar la tabla.
    • Funciona de verdad! Tks un montón!
    • No en más.
    • cómo llegar DIV?
    • podemos utilizar el atributo background en <td> ?
    • Esto no funciona para gmail. (no funciona para outlook).
    • Se está trabajando para gmail de nuevo. Y sí se puede utilizar en <td>

  2. 7

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

    La única manera de realmente mostrar de fondo detrás del texto es crear una imagen con texto y mostrarlo mediante <img src="##" /> etiqueta. Aunque, siempre recuerde que debe añadir el enlace a la versión de texto de su correo electrónico y/o un enlace a la página web basado copia de su boletín de noticias.

    Additoinally, es necesario recordar que diseño de boletín de noticias es muy diferente al diseño del sitio web. Usted necesita para pasar por alto todos los estándares habituales, es necesario utilizar tablas, estilos en línea, las etiquetas img, etc.

    Echa un vistazo a esta página para algunas buenas sugerencias: http://www.sitepoint.com/code-html-email-newsletters/

    También MailChip (probablemente más popular Boletín sistema de gestión) tiene unas muy buenas sugerencias sobre cómo el código HTML de correo electrónico: http://kb.mailchimp.com/article/how-to-code-html-emails

    • gracias por los enlaces útiles / tengo una pequeña pregunta que no sé que puedo publicar como una Q o no! sin embargo, yo sólo quiero saber cuál es la mejor manera para hacer el html en los correos electrónicos asp.net con c# y enviarlos con el código detrás? debo hacer un correo electrónico html en el código detrás sólo o hay una mejor manera de hacer ellos (media visualmente)!
  3. 0

    He probado en gmail:
    gmail va a quitar background-color=#FFFFFF con «imagen de fondo», es raro.

    «fondo» de las obras, para convertir el color de fondo y la imagen de fondo a «fondo» en el estilo.

    «background-color»=#FEFEFE funciona demasiado

    probado en 2013-09-10

  4. 0

    De actualización como de 2019. Mientras que hay problemas con la adición de la imagen de fondo de imagen en línea en el correo electrónico (al menos yo no pude encontrar una forma de hacer el trabajo). En realidad css-imagen de fondo funciona bien en al menos algunos elementos como el tiempo que son direcciones url absolutas de los recursos, mi fragmento de código que funciona en gmail como de junio de 2019:

    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-image:url('https://via.placeholder.com/30x300/09f.png');background-repeat:repeat-x">

    Esto hace que me pregunte por qué no trabajar para el autor. Tengo algunas teorías:

    a) en aquel entonces no tenía trabajo

    b) que no funciona con los elementos div

    c) enlace estaba roto

    d) falta de comilla simple

    e) solo y no comillas dobles alrededor de atributo de estilo

    f) a pesar de la anchura y la altura en el estilo, div fue de 0 x 0 tamaño

    (Algunos de los de arriba sonar estúpido)

Dejar respuesta

Please enter your comment!
Please enter your name here