如何在Outlook 2007中运行的HTML电子邮件中进行后台重复？

Question

I am constructing a HTML email for clients and would like to have a content area that expands to fit the text. I would like the border of the container to have a shadow effect- which means repeating a 1px image vertically down each side. I have been very careful to use well-supported (and often legacy) tags and stylings so that it displays correctly in as many email clients as possible. However, I cannot get background-repeat working in Outlook 2007. I have also tried setting its height to 100% with mixed results.

I'm actually using the background attribute in a td at the moment as the background styling did not work at all for popular clients (gmail, thunderbird). Can anyone think of a workaround I could use?

If not, is there a way to detect if an email is being displayed in Outlook 2007 so that I could look into removing shadow images for the entire email?

Many thanks

Answer 1

This should work:

background-image: url('/bg.jpg');
background-repeat: repeat-y no-repeat;
background-position: top center;
background-color: white;

Notice the repeat-y and no-repeat. You need both or Outlook 2007 will assume repeat-x too.