Skip to main content

background-image in Outlook Classic

UnsupportedMicrosoft Word · desktop

Fix & Workaround

Use <!--[if gte mso 9]> with <v:background> VML for Outlook background images.

Before

<td style="background-image: url('hero.jpg');
            background-size: cover; padding: 40px;">
  <h1 style="color: #fff;">Hello World</h1>
</td>

After

<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true"
  stroke="false" style="width:600px; height:300px;">
  <v:fill type="frame" src="hero.jpg" />
  <v:textbox inset="0,0,0,0">
<![endif]-->
<td style="background-image: url('hero.jpg');
            background-size: cover; padding: 40px;">
  <h1 style="color: #fff;">Hello World</h1>
</td>
<!--[if gte mso 9]>
  </v:textbox>
</v:rect>
<![endif]-->

Use VML for background images in Outlook

Other Clients

ClientSupport
GmailSupported
Gmail AndroidSupported
Gmail iOSSupported
Outlook 365Supported
Outlook (New)Unsupported
Outlook iOSSupported
Outlook AndroidSupported
Apple MailSupported
Apple Mail iOSSupported
Yahoo MailPartial
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
SuperhumanSupported

Related Features

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free