Utilizar imágenes background en el HTML del cuerpo de los emails que van a ser abiertos con un browser (Desde 5.4.0.3)
Hasta ahora, no estaban soportados en EIS los atributos “background” en el html del cuerpo del email, porque no todos los clientes de email lo interpretan correctamente. De hecho, al abrir el email con el OutLook las imágenes background no se ven y aparece un mensaje sugiriendo que, si hay problemas para visualizar el contenido del email, entonces hay que tratar de abrirlo con un navegador. Si al mismo archivo .eml se lo abre con un navegador, entonces las imágenes se ven correctamente. Lo que se hizo fue modificar EIS para que soporte las imágenes background en el atributo Style de cualquier elemento html. No se soporta el atributo background directamente, ni dentro de una plantilla de estilo .css (ni externa ni embebida dentro del html). Para poder ver las imágenes hay que incluirlas explícitamente en el atributo Style de cada elemento html de las siguientes formas:
1- <ELEMENTO style=“background:url(imagen.jpg) no-repeat;”/>
2- <ELEMENTO style=“background-image:url(imagen.jpg); background-repeat: no-repeat;”/>.
No se puede hacer lo siguiente:
<ELEMENTO background=“imagen.jpg”/>
Por una restricción del parser de HTML de .Net, tampoco puede haber un espacio entre “url” y el “(“.
Debe ser “url(imagen.jpg)”
Y no “url (imagen.jpg)”
A pesar de esta modificación, seguirá vigente la restricción que comento al principio. Es decir, las imágenes background las van a poder ver con un botón de vista previa de email que utilice el explorador, para luego imprimir el email. Si quieren enviar el email a través de un servidor SMTP, el destinatario es probable que no vea las imágenes.
Los siguientes son ejemplos de la utilización de imágenes background:
<td height=”1″ valign=”bottom” style=”background-image:url(linea.jpg);”><img src=”grey-line.jpg” width=”242″ height=”1″></td>
<table width=450 border=0 align=center cellPadding=0 cellSpacing=2 style=”type:text/css; background:url(tarjeta.jpg) no-repeat; height:284px;” class=txt1>
<table width=450 border=0 align=center cellPadding=0 cellSpacing=2 style=”type:text/css; background-image:url(tarjeta.jpg); background-repeat:no-repeat; height:284px;” class=txt1>