Function box-shadow does not work in Outlook 07 and 10 and IE9


Does anyone know the solution for shadows that appear as images in Outlook 07, 10 and IE9?
I found on a forum an indication but that does not work. Is it because I put this code directly into the html code? :

. shadowed {
     box-shadow: 10px 10px 5px # 888; / * Modern * /
         progid: DXImageTransform.Microsoft.DropShadow (color = # 969696, offx = 1, offy = 1)
         progid: DXImageTransform.Microsoft.DropShadow (color = # C2C2C2, offx = 1, offy = 1)
         progid: DXImageTransform.Microsoft.DropShadow (color = # EFEFEF, offx = 1, offy = 1) / * IE * /

Note: IE9 when modifying the compatibility view, it works.

Thank you in advance!

roshodgekiss roshodgekiss, 5 years ago

Hi charliebist, it's very likely that the IE-specific code won't be inlined and therefore, won't be put to use in many webmail clients viewed in IE9. In theory, simply box-shadow should work in IE9. However to be safe, I'd use:

#example1 {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;

Note that there's still limited support for CSS3 in webmail email clients, so don't be surprised if box-shadow doesn't render in many of them. All the best with your campaign!

Get in touch with us on Twitter:
We're also on Facebook:

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free