11

我正在处理 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">
4

5 回答 5

22

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

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

但由于某些电子邮件客户端无法处理背景图像,因此您必须分离颜色。

background:url(assets/mainback2.jpg) no-repeat center top;
background-color:#1E1411;
于 2012-10-09T21:13:05.040 回答
2

你是在自问自答。

GMAIL 不使用“背景位置”

文章

于 2012-09-25T11:04:54.200 回答
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">
于 2012-03-19T10:03:07.243 回答
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 上的这篇文章。

所以,没有可以做的哥们。

于 2012-09-25T11:08:19.273 回答
0

把背景图片放在一个tdlike上,

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

然后将tableon 中心定位在align="center". 将表格same宽度作为背景以获得居中效果。将 this 居中的解决方案并不适用于所有情况。

于 2013-06-27T11:22:21.783 回答