display:none doesn't work on Outlook 2007

css, outlook

Solution

Outlook 2007 uses the Microsoft Word engine for rendering HTML which has very limited support for CSS. This page describes the kind of things you can expect to work (`display` is one of the "not supported" ones).

Unfortunately, there's not much you can do. You can enclose the element in HTML comments `<!-- ... -->` which would stop it from rendering, but that's about it.

Problem

I want to send an e-mail from our system to customers, where some tags should be hidden to them. I've set the following CSS: ``` .hidden { display: none; } ``` But this does not work. What solutions or alternatives are there for hiding elements in an e-mail?

Original source