Buscar..


Introducción

No todas las propiedades css o etiquetas HTML son compatibles con todos los clientes de correo electrónico y aquí podemos hacer un seguimiento de ellas y sus posibles soluciones.

Decoraciones visuales

Las propiedades CSS que agregan decoraciones visuales pero no son compatibles pueden reemplazarse con una etiqueta de imagen.

Por ejemplo: border-radius no es compatible con Yahoo! Mail, Outlook 2007/10/13 +, Outlook 03 / Express / Mail y Android 4 (Gmail) +

Para solucionar esto, podemos agregar imágenes con un radio de borde en ellos, es decir, botones con el lado izquierdo y derecho como imagen:

<td><img src="img-border-left.png"><td>
<td style="background: #000; color: #fff">Button Text</td>
<td><img src="img-border-right.png"><td>

Aquí hay una lista de propiedades que deben evitarse y usarse como imagen en su lugar:

border-radius , text-shadow , box-shadow , text-fill-color y text-fill-stroke



Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow