我正在处理一封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
宽度作为背景,以获得居中效果。居中的解决方案是但不适用于所有情况。