Gmail HTML电子邮件背景



我正在处理一封HTML电子邮件。我遇到的问题是GMAIL没有使用我给出的"背景职位"。我有一张100%宽度的桌子,它的背景必须居中。大多数客户端都能完美地做到这一点,但Gmail则不然。有解决办法吗?

内联CSS是这样的:(我把所有的后台属性都拆分了,因为否则大多数客户端都不会以正确的方式显示它)

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

有可能,您只需将所有背景样式放在一行中,如下所示:

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

但是因为有些电子邮件客户端无法处理背景图像,所以必须将颜色分开。

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

您回答了自己的问题。

GMAIL不使用"背景位置"

文章

可能需要在STYLE引号中定义背景,而不是单独定义。这样写:

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

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

你不能做的事:

包括具有样式的剖面。Apple Mail.app支持它,但Gmail和Hotmail不支持,所以它是不允许的。Hotmail将在正文中支持样式部分,但Gmail仍然不支持。

指向外部样式表的链接。没有多少电子邮件客户端支持这一点,最好忘记它。

背景图像/背景位置。Gmail也是这次事件的罪魁祸首。清除漂浮物。再次使用Gmail

保证金。是的,说真的,Hotmail忽略了利润。基本上,任何CSS定位都不起作用。

任何字体。Eudora很可能会忽略你试图用字体声明的任何内容。还有很多事情你应该注意。有关在线电子邮件服务支持的内容的完整列表,请查看Xavier Frenette上的这篇文章。

所以,没有可以做的伙伴。

将背景图像放在类似td的上

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

然后通过CCD_ 3将CCD_。将表格same宽度作为背景,以获得居中效果。居中的解决方案是但不适用于所有情况。

最新更新