Gmail HTML电子邮件背景

Gmail HTML电子邮件背景,html,css,email,gmail,background-position,Html,Css,Email,Gmail,Background Position,我正在处理一封HTML电子邮件。 我遇到的问题是GMAIL没有使用我给它的“背景位置”。 我有一张100%宽度的桌子,背景必须居中。大多数客户都能做到这一点,但Gmail却不行。有解决办法吗 内联CSS是这样的:(我把所有的背景属性都分割了,因为否则大多数客户端都不会以正确的方式显示它) 可能您必须在样式引号中定义您的背景,而不是单独定义。这样写: <table style="background-repeat: no-repeat; background-position: center

我正在处理一封HTML电子邮件。 我遇到的问题是GMAIL没有使用我给它的“背景位置”。 我有一张100%宽度的桌子,背景必须居中。大多数客户都能做到这一点,但Gmail却不行。有解决办法吗

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


可能您必须在样式引号中定义您的背景,而不是单独定义。这样写:

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

您回答了自己的问题

GMAIL不使用“背景位置”

来自:

你不能做的事:

包括一个带有样式的部分。Apple Mail.app支持它,但Gmail和Hotmail不支持,因此这是不允许的。Hotmail将在正文中支持样式部分,但Gmail仍然不支持

链接到外部样式表。支持此功能的电子邮件客户端不多,最好还是忘了它

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

边距。是的,说真的,Hotmail忽略了边距。基本上任何CSS定位都不起作用

字体任何东西。尤多拉很可能会忽略你试图用字体声明的任何东西。 你还需要注意很多事情。要获得在线电子邮件服务支持什么的完整列表,请在Xavier Frenette上查看本文


因此,没有可以做的朋友。

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

background:#1E1411 url(assets/mainback2.jpg) no-repeat center top;
但是,由于一些电子邮件客户端无法处理背景图像,因此必须将颜色分开

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

将背景图像放在
td
上,如

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


然后通过
align=“center”
表格
置于中间位置。将表格的宽度设置为与背景相同的宽度,以获得居中效果。居中的解决方案并不适用于所有情况。

任何时候我想要Gmail等客户端支持的背景图像,我只需使用以下方法:

试试看这个
,它的HTML电子邮件可以在任何设备和客户端上运行。

还有一些其他电子邮件也不支持
背景位置
。我也面临同样的问题,尽管只是在通过活动监视器发送时才遇到。当直接使用PHPMailer发送时,背景位置属性工作正常。我有一个图像作为我的bo背景dy。它应该在底部,在文本后面。如果我使用背景位置:底部,除了Gmail外,它工作正常。我可以使用哪种解决方法来解决这个问题?我很满意,将背景作为一个属性,一旦作为内联样式输入,背景就会按预期开始平铺和定位。谢谢,请包括lin的相关部分k您提供的,这样即使链接永久脱机,人们也可以阅读和理解您的答案。此外,人们不太可能对仅链接的答案进行投票。请查看链接的组成。
<td background="http://someimageurl" style="background-repeat:no-repeat">