Email Marketing Voodoo - MindComet

Jul08

outlook 2007, rendering, body background images

Body Background Images In Outlook ‘07

We all know that background images don’t display with Outlook 2007—which consequently sent designing HTML emails back 5 years or so.  Well low and behold, that’s not the case anymore.

The incredibly talented and resourceful blokes at Campaign Monitor recently stumbled upon a bit of CSS that can remedy one instance of blocked background images; specifically for the body.  The effective CSS is below:

background-image: url(‘http://www.abcwidgets.com/bg.jpg’);
background-repeat: repeat-y no-repeat;
background-position: top center;
background-color: #d9c092;

The key to the code above that seems to please Outlook 2007 is the ‘repeat’ property. Evidently with BOTH repeat-y and no-repeat, the background image shows up.

Try it for yourself and comment below!

But until somebody stumbles upon a way to make background images display in divs or tables, you can find me in the corner resenting Microsoft.

View Comments

Posted by MindComet on Jul. 08, 2008

+ 3

Gravatar

Since this post was published almost 3 years ago, it’s important to note that this has undoubtedly changed. Please go here to see the new method of displaying body bg images in Outlook:…

read more »

Posted by Bryan Quilty on 04/15/2011 09:41 AM

Leave a comment

Notify me of follow-up comments?

iOS Mail might be breaking your beautiful email layouts! http://t.co/EKrlE384 <- Find out how to defeat autolinking in iOS Mail.

Dec. 21, 2011 4:51 PM

@emailvoodoo