我通过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图像(即使它们是背景图像)
答案 0 :(得分:3)
正如您所知,Gmail不支持CSS背景图片。
http://www.email-standards.org/是解决不同客户端中的电子邮件呈现问题的好资源。
答案 1 :(得分:2)
事实证明我正在使用CSS将图片放在后台。 Gmail不是那样的。相反,我使用了图像标签。 我不能证实这一点,但是:我之前也没有成功,但之前做的是我没有使用表格进行布局。 总结一下...... 使用表格来构建html电子邮件 插入带有宽度,高度,alt标记的图像标记 和Gmail,Hotmail和雅虎将显示你的图像。 希望这可以为某人节省时间:)
答案 2 :(得分:2)
您可以使用css使背景图像正常工作。诀窍是不要使用速记并将css保持在body标签下方。因此,不要输入'background:...',请确保完全输入并使用:'background-image:''background-color:''background-repeat:'等。 这个节目对我来说完全是gmail等。
答案 3 :(得分:0)
您没有包含任何代码,甚至没有包含您的电子邮件的示例,因此我所能做的就是给您一个通用建议:
尝试手动从Gmail发送电子邮件,并将图片返回到您的Gmail帐户。确认图像显示。现在转到“显示原始文件”并将其复制并粘贴到文本文件中。
现在对您的程序发送的电子邮件执行相同的操作:将其发送到Gmail,“show original”并将其复制到另一个文件中。
现在比较这两个文件。他们有什么不同?
答案 4 :(得分:0)
没有Gmail不支持CSS的背景图片属性。我自己测试过。
答案 5 :(得分:0)
对于我来说,我需要用PNG版本替换SVG图片。图像标签不需要任何属性。