unable to view background image(set using css) email client?

[jmohan]

Hi, we need to send email with image in body of the html document. But gmail, outlook does not show the append image in the html document. we use css to set image as background of div. I can see it in my local browser window. But unable to see the image in the email client. Please guide me to show the image in the body of email in the email client.

I used the following html document as body text of our email:

http://codepen.io/anon/pen/mJxvPp?editors=100

Thanks a lot in Advance.

[Paulie_D]

Depends on the email client.

Not all clients support background-image

https://www.campaignmonitor.com/css/

[jmohan]

Background image is supported by outlook, yahoo but i could not find out the reason not display in the email client. Please guide me.

[Paulie_D]

Not sure we can guide you there.

You code in Codepen isn’t correct. Have you validated it?

I see that you are using a data uri…it’s possible those aren’t supported.

This link is a little old but – http://stackoverflow.com/questions/6070196/what-is-data-uri-support-like-in-major-email-client-software

[jmohan]

hi paulie_D, thanks for your answer and reference links. As you said, yes I am using data-uri as

. this is validate document path from codepen,
http://codepen.io/anon/pen/JdLVKQ

Are there any possibilities to send image in a mail? Please guide me. Thanks a lot

[Paulie_D]

I’m no expert on email HTML/CSS.

i suggest you look at some of the free templates and guidance available from CampaignMonitor and MailChimp to see what is and isn’t possible.

As far as I’m aware, you still can’t be sure because there are so many email clients out there (and more coming all the time) and those that exists already are always being updated.

Simpler is usually best in the email…I see many large companies offering simple emails with the option to view it in a browser for the fully enhanced experience that a browser can bring.

[jmohan]

thanks pal,if you will come to know answer in the future, please let me know… thanks for your support…god bless you..

[Author]

Posts