views:

257

answers:

2

I am sending an Email in HTML format geared toward outlook 2007/2010. I applied a background image to body tag but it does not work. Code as below:

<body 
style="background-image: url('http://example.com/bg.jpg'); 
background-repeat: no-repeat;
background-position:top center;">

However if I change the "no-repeat" to "repeat-y no-repeat", it shows the background image but it repeats.

Can anyone help me with this?

A: 

Choose one style. repeat-y implies that it doesn't repeat in the x direction.

great_llama
If I use no-repeat, it doesn't show up at all in outlook.That is the issue.
kylex
And if you use just repeat-y? That's the direction you want it to repeat, correct?
great_llama
A: 

You can hack it with a very wide image, that is positioned in the horizontal center. It repeats both ways (default).

This should allow you to get the visual effect you are after

Norbert de Langen