0

Is there any WORKING example of an email that will show a background image?

Even "bulletproof" VML solutions won't really work, ex:

Tried, VML, img tags, background images on different tags, svg, nothing seems to really work for Outlook Desktop.

For the record, background images will work anywhere but Outloook Desktop client (gmail, outlook web/mobile, etc).

Thanks.

Eugene Astafiev
  • 47,483
  • 3
  • 24
  • 45
danielQ
  • 2,016
  • 1
  • 15
  • 19
  • 1
    I recently answered this one, which works: https://stackoverflow.com/questions/71797674/email-template-background-image-with-text-overlay-at-center-location/71822661?noredirect=1#comment126921553_71822661 – Nathan Apr 13 '22 at 01:07
  • This one seems to work too: https://stackoverflow.com/a/30731838/8942566 – Nathan Apr 13 '22 at 01:09
  • First one is actually working (second one won't), if you answer the question I can set yours as correct answer. Thanks! – danielQ Apr 13 '22 at 21:29
  • In fact, it only seems to work if you wait a couple of seconds, right click the image, and only then it will display it. Quite odd. – danielQ Apr 13 '22 at 22:09
  • That particular image on that answer is quite large--i.e. takes a while to download. If you have an optimised image with a good CDN, it will appear faster. – Nathan Apr 13 '22 at 22:16
  • The normal thing to do here would be to label this as a duplicate, so I'll do that – Nathan Apr 13 '22 at 22:17
  • Does this answer your question? [Email template - Background image with text overlay at Center location](https://stackoverflow.com/questions/71797674/email-template-background-image-with-text-overlay-at-center-location) – Nathan Apr 18 '22 at 22:31
  • @Nathan: Partially. We gave up on this and used traditional emails with no background images. Even your examples (which were the best I could get :) so thanks and kudos) won't display the image immediately. It needs a couple of seconds, then a click on the email and they'll appear (even sometimes they won't even appear after this, even using other small images from othe CDNs). – danielQ May 06 '22 at 20:44

2 Answers2

0

Word renders HTML images in Outlook, and it does not support background images for the body HTML element. Try to create a table that takes the whole client area and specify a background image for that table.

Dmitry Streblechenko
  • 62,942
  • 4
  • 53
  • 78
  • This is not correct. You can use VML – Nathan Apr 13 '22 at 01:00
  • @Nathan It is absolutely correct. Word does not support background-image on the body element. – Dmitry Streblechenko Apr 13 '22 at 01:28
  • 1
    Ah well, choice of words. Eugene is correct, and that might be what you are trying to say. But, I read what you have written as "Outlook does not support background images (at all)" - when in fact, with VML, it does. – Nathan Apr 13 '22 at 22:19
0

The background-image CSS property is not supported by the Word editor in Outlook. You can read more about supported and unsupported HTML elements, attributes, and cascading style sheets properties in the Word HTML and CSS Rendering Capabilities in Outlook article.

Eugene Astafiev
  • 47,483
  • 3
  • 24
  • 45