z-index ignored in newsletter

Answer 1

Gmail is the only client that does not support z-indexing, so it seems. http://www.campaignmonitor.com/css/

Maybe this is the core of your issue. Also, may I ask why you want text to appear over an image on an eblast? The simple solution is to have the image be the background of an element and just have the text inside of that. Any complicated markup will likely result in chaos for an email campaign.

Either photoshop the text into the image or have the image be the background.

Answer 2

Update: This list has been moved to here: Best Practices & Considerations when writing HTML Emails

You shouldn't use z-index, divs, position or float. Basically your whole approach to html email is wrong. Html email is a different beast to html for web. Here are some resources:

• Campaign Monitor
• Mailchimp
• Sitepoint
• Reach Customers Online
• Tuts+

Small parts of the info in some of these aren't technically 100% correct (html email truly is a black art), but they'll get you 99% the way there.

Additional Support Guides:

• Campaign Monitor's CSS Guide
• Campaign Monitor's Responsive Guide
• Style Campaign's Responsive Guide

You'll need to use VML to get background images working in Outlook also. Here are some VML links:

• Bulletproof Backgrounds
• Bulletproof Buttons

You should always inline your CSS in html-email. Here is a link to a list of CSS Inlining tools:

• Inlining Tools (Stack Overflow)