1

我正在通过 php 发送 html 电子邮件。当我使用 gmail、hotmail 或 yahoo 邮件对其进行测试时，该电子邮件的背景图像未显示。我曾尝试使用图像标签，但这也不起作用。如果使用 OSX Mail 或 Mozilla 或 Outlook 等电子邮件客户端，该图像工作得非常好。有任何想法吗？

抱歉没有添加任何代码。这是我尝试实现它的方式：

    <div style="border-bottom:1px solid #CCCCCC; padding:0 20px; background-color:#EDEDED; background-image:url(http://www.mysitename.com/images/email_header.png); background-repeat: no-repeat; background-position: 520px center; height:120px;"> 
Header 
</div>

gmail 可以很好地显示其他附件和图片，但我猜它会阻止 html 图像（即使它们是背景图像）

4

6 回答 6

3

如您所见，Gmail 不支持 CSS 背景图片。

http://www.email-standards.org/是一个很好的资源，用于找出不同客户端中的电子邮件呈现问题。

于 2010-02-01T01:39:03.257 回答
2

事实证明，我使用 CSS 将图片放在背景中。Gmail 不喜欢这样。相反，我使用了图像标签。我无法证实这一点，但是：我以前也这样做过，但没有成功，但以前做的是我没有使用表格进行布局。所以总结一下......使用表格来布局html电子邮件插入图像标签，宽度，高度，alt标签和gmail，hotmail和yahoo会显示你的图像。希望这可以为某人节省一些时间:)

于 2010-02-01T01:22:57.717 回答
2

您将能够使用 css 使背景图像工作。诀窍是不要使用速记并将css放在body标签下方。因此，不要输入“背景：...”，而是确保完全输入并使用：“背景图像：”“背景颜色：”“背景重复：”等。这个节目对我来说非常适合在 gmail 等。

于 2011-11-20T23:47:49.930 回答
0

您没有包含任何代码，甚至没有包含电子邮件外观的示例，所以我所能做的就是给您一个一般性建议：

尝试从 Gmail 手动将带有图像的电子邮件发送回您的 Gmail 帐户。确认图像显示。现在转到“显示原始文件”并将其复制并粘贴到文本文件中。

现在对从您的程序发送的电子邮件执行相同的操作：将其发送到 Gmail，“显示原始”并复制并粘贴到另一个文件中。

现在比较这两个文件。它们有何不同？

于 2010-01-31T22:46:27.367 回答
0

没有 Gmail 不支持 CSS 的 background-image 属性。我自己测试过。

看看这个：http ://www.email-standards.org/clients/gmail/

于 2013-07-30T13:23:09.150 回答
0

就我而言，我需要用 PNG 版本替换 SVG 图像。图像标签不需要任何属性。

于 2020-12-04T07:00:51.320 回答