2012-03-19 156 views
11

我正在处理HTML电子邮件。 我得到的问题是,GMAIL不使用我给它的“背景位置”。 我有一个100%宽度的表格,必须以居中为背景。大多数客户完美地做到了这一点,但Gmail却没有。有没有解决方法?Gmail HTML电子邮件背景

内联CSS是这样的:(我已经分裂的所有背景属性,因为否则大多数客户端不显示正确的方式)

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

还有一些其他人不支持“背景位置”...... http://www.campaignmonitor.com/css/ – ManseUK 2012-03-19 10:01:32

+0

虽然只有通过Campaign发送时,我仍面临同样的问题监控。 当直接使用PHPMailer发送时,background-position属性正常工作。 – 2012-06-20 09:16:11

+0

我有一个图像作为我的身体背景。它应该在底部并且是文本的后面。如果我使用background-position:bottom;它工作正常,除了Gmail。我可以使用哪些工作来解决这个问题? – 2013-10-21 15:18:13

回答

20

是可以的,你只要把所有的背景风格在同一行,像这样:

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

但由于某些电子邮件客户端无法处理的背景图片,你必须分开的颜色。

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

这不起作用 – Matt 2013-02-11 07:36:14

+3

为我启发,有背景作为一个属性,一旦作为内联风格的背景开始投入平铺和定位如预期。谢谢 – Yevgeniy 2013-10-08 12:04:33

0

可能是你必须定义你的背景在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"> 
2

你回答了你自己的问题。

GMAIL不使用“背景位置

article

0

来源: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的这篇文章。

所以,不能做好友。

0

把背景图像上td等,

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

,然后通过align="center"定位在中心的table。以表格same的宽度作为背景以获得居中效果。以此为中心的解决方案并不适用于所有情况。在客户端支持

0

尝试看看这个 http://zurb.com/,任何设备&客户端上运行的HTML电子邮件。

+1

请包括您提供的链接的相关部分,以便人们可以阅读并理解您的答案,即使链接永久脱机。此外,人们不太可能赞成仅链接的答案。看看什么构成了一个[良好的答案](https://stackoverflow.com/help/how-to-answer)。 – 2014-04-30 15:11:02