I'm experimenting with the VML-code for a background image in Outlook, in combination with VML-code for a button with a gradient and rounded corners. Has anybody tried this before? I used a z-index. Only my background isn't showing.

Does anyone know how I can solve this?

Thanks in advance!

Marjolein Spiering!

This is the code I used now (the image I used is uploaded in a zip/even tried a url you can use an image ):
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<td align="center"><table width="720" border="0" cellspacing="0" cellpadding="0" class="full-width" align="center">
<td class="full-width" style="width:720px; max-width:720px; min-width:720px;" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true"
style='position:absolute;left:0pt;top:0pt;width:720px;height:380px;z-index:0' stroke"false" />

<v:fill type="frame" src="bg-img2.jpg" style='z-index: 0' color="#e6e6e6"/>
<v:roundrect href="http://" style='position:absolute;left:10pt;top:65pt; height:48px;v-text-anchor:middle;width:278px;z-index:1' arcsize="50%" stroke="false" fillcolor="#e0322d">
<v:fill color2="#ed8221" method="linear sigma" angle="-90" type="gradient" />
<a href="http://"
style="color:#ffffff;display:inline-block;font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#fffffe; text-transform: uppercase; letter-spacing: 1px; padding: 12px 24px;font-weight:bold;line-height:44px;text-align:center;text-decoration:none;width:278px;-webkit-text-size-adjust:none;">Button label</a>