Home > DeveloperSection > Forums > CSS background-image property not working in MS Outlook
Tanuj Kumar

Total Post:134

Posted on    July-27-2012 4:53 AM


 1 Reply(s)
 2103  View(s)
Rate this:
Actually I've used td background-image property in table but it is not working in outlook. So let me whether any other option to set background-image of td which will comfortable with outlook. If possible, please paste the code.

Thanks in advance!

Arun Singh

Total Post:68

Posted on    July-27-2012 7:02 AM

Hi Tanuj Kumar,

Microsoft Outlook does not support css background-image property due to security point of view. To use background-image property in your html code you have to use VML code like as follows:

//----------------------------------------------------------Start VMLCode-------------------------------------------------------------//


<!--[if gte mso 9]>

<v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImageTop" style='behavior: url(#default#VML); display:inline-block; position:absolute; height:131px; width:813px; top:0; left:0; right:0; bottom:0; border:0; z-index:1;' src="http://www.mindstick.com/newsletter/headerimg.png"/>

<v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theTextTop" style='behavior: url(#default#VML); position:absolute; display:inline-block; height:131px; width:700px; border:0; z-index:2;'>


<p> Your text here which you want to show on backgroung image. You can use here html tag too</p>

<!--[if gte mso 9]>




//-------------------------------------------------------------End VML Code-----------------------------------------------------------//

For more details on this topic you can check this link:


I hope it might be resolve your problem.


Don't want to miss updates? Please click the below button!

Follow MindStick