2011-11-04 69 views
19

我想发送HTML体电子邮件像下面的background-image CSS来我的用户:背景图像的CSS - Gmail不支持

<div style='width:500px;height:1000px;background-color:black;background-image:url(http://upl0ad.org/images/mylogo.gif) repeat scroll left top;'> 
    My Content 
</div> 

但下面的链接表示,谷歌不支持background-image css!
http://www.campaignmonitor.com/css/

我该怎么办?

+0

在标题请不要把标签太

测试。此外,这与ASP.Net无关。 – SLaks

+0

确实没有什么可以做的,因为positon和z-index不被gmail支持 – CBRRacer

+0

重新设计,直到你发现一些可以与内嵌图像一起工作的东西是一种选择,并且是人们常见的东西。检查你得到的任何其他HTML电子邮件,看看有多少尝试和使用背景图像。 –

回答

42

您是否尝试过设置表的background属性?

这是在以下Mailchimp博客文章中详细介绍的推荐方法:Background Images and CSS in HTML Email

(在Gmail中测试)

<table background="https://www.google.com/intl/en_com/images/srpr/logo3w.png" width="275" height="95"> 
     <tr> 
      <td> 
       Email Content... 
      </td> 
     </tr> 
    </table> 
+1

它的工作原理 - 感谢亲爱的兄弟 - 这是什么地方?我刚来这地方!太棒了 – MoonLight

+0

欢迎!我很高兴它有帮助。 – jdavies

+0

有没有重复它的方法? – MoonLight

7

你不能做任何事情。由于安全原因,许多Web邮件应用程序不支持使用CSS设置背景图像。

实际显示背景背景的唯一方法是创建一个带有文本的图像,并使用<img src="##" />标记显示该图像。尽管如此,请务必添加链接到电子邮件的文本版本和/或链接到基于网页的时事通讯副本。

另外,您需要记住的是,新闻稿设计与网站设计截然不同。你需要忽略所有通常的标准,你需要使用表,内嵌样式,IMG标签等

查看此页面为一些很好的建议:http://www.sitepoint.com/code-html-email-newsletters/

而且MailChip(可能是最流行的通讯管理系统)已关于如何编写HTML电子邮件,很少有很好的建议:http://kb.mailchimp.com/article/how-to-code-html-emails

+0

感谢您的有用的链接/我有一个小问题,你我不知道我可以发布它作为一个Q或不!然而,我只是想知道什么是用c#在asp.net中制作html电子邮件的最佳方式,并将它们与代码发送到后面?我应该在代码后面制作一个HTML电子邮件,还是有更好的方法让它们(可视化)! – MoonLight

0

我在gmail上测试过:gmail将删除background-color =#FFFFFF和“background-image”,这很奇怪。

“背景”的作品,所以在背景中将背景色和背景图转换为“背景”。

“背景色” =#FEFEFE工作于2013年9月10日