Gmail 中不显示背景图片

Question

I coded an html email, and just tested in Gmail. Everything shows up fine besides for a background image. I put the background image on my wrapper table, like this:

<table cellpadding="0" cellspacing="0" border="4px solid grey" align="left"  background="http://www.totalrecallsolutions.com/corporate/email templates/images/appt_reminder_one_bg.jpg">

And still, there is no image showing up in Gmail. I understood from my google searches that this is the correct way to make a background image show up in Gmail. So why is it not showing up?

Thanks!!

Answer 1

Besides the url with spaces, there's another thing, Gmail doesn't allow url() attribute in inline css

Don't use background images. Gmail, among others, will ignore any url() attribute in an inline style, and the simple background= tag attribute. You can use background colors if you wish (bgcolor tag attribute or background-color: css statement).

Here is the link where I read that: http://groundwire.org/support/articles/css-and-email-newsletters

Regards

Answer 2

Gmail has added support for background and background-image properties last February (according to Campaign Monitor ).

But in order for it to show, your code must contain at least one < img > tag. You can use spacer.gif to trick it (or any transparent image for that matter).

Answer 3

In my case I had CSS styles defined for background-repeat and background-size in a style tag that was being transformed to a single inline background: no-repeat/cover that was overriding the background attribute for my table. Using just worked for me