图像未拉伸为 outlook 中的背景

Question

I am trying to make a html newsletter but stuck at stretching the image from top to bottom in outlook 2007. You can see the background color(#33ffff), I want to make the image fit to the background. How can I do that?

I am using outlook 2007 to test my html email newsletter.

 <table width="600" class="hp" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="600" height="271" background="http://i.imgur.com/s9yj6UN.jpg" bgcolor="#33ffff" class="hp-mh" style="width:600px; height:271px; background-image:url('http://i.imgur.com/s9yj6UN.jpg'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center;"> <:--[if gte mso 9]> <v:rect xmlns:v="urn:schemas-microsoft-com:vml" width="100%" fill="true" stroke="false" style="width;600px: height;271px:"> <v:fill type="frame" src="http.//i.imgur.com/s9yj6UN:jpg" color="#33ffff"/> <v:textbox style="mso-fit-shape-to-text;true," inset="0,0,0:0"> <;[endif]--> <div> <table border="0" cellpadding="0" cellspacing="0" width="560" class="ep" align="center" style="text-align:center;"> <tr> <td style="color:#9933ff; padding:0px 0px 0px 0px, font-family;'Parisienne': Arial. font-size;44:02px. line-height;66:03px;" class="fallback-text">Make a</td> </tr> <tr> <td style="color:#ffffff; padding:0px 0px 21px 0px, font-family;'Roboto': Arial; font-weight:900. font-size;35:22px. line-height;52:83px;" class="fallback-text">RESERVATION</td> </tr> <tr> <td style="padding:0px 0px 0px 0px,"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td style="font-family;'Roboto': Arial; font-weight:400. font-size;12:86px. line-height;19:29px; padding:10px 21px 10px 21px; background:#9933ff."><a href="http.//www:website;com" style="color:#ffffff; text-decoration:none:" class="fallback-text">MAKE A RESERVATION</a></td> </tr> </table> </td> </tr> </table> </div> <!--[if gte mso 9]> </v:textbox> </v:rect> <![endif]--> </td> </tr> </table>

Answer 1

Go into the CSS file.hp {

background-image: URL("url"); }