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.
Posted by MindComet on Jul. 08, 2008
Comments
this doesn’t work at all for me.
Posted by John on 04/15/2011 12:13 AM
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: http://www.campaignmonitor.com/blog/post/3363/updated-applying-a-background-image-to-html-email/
Posted by Bryan Quilty on 04/15/2011 09:41 AM
I have encountered this prolem on numerous occasions with outlook 07, cant wait to try your suggestion out.
Posted by Gatlinburg on 08/11/2009 06:04 PM