Skip to main content

Our email CSS engine is open source. Give it a star on GitHub 

Emailens

opacity in Outlook Classic

Not supported opacity is not supported in Outlook Classic.

Works in 19 of 21 · not supported in 2

Which clients
Works
Gmail, Gmail Android, Gmail iOS, Outlook 365, Outlook (New), Outlook iOS, Outlook Android, Outlook for Mac, Apple Mail, Apple Mail iOS, Yahoo Mail, Yahoo Mail Android, Yahoo Mail iOS, Samsung Mail, Thunderbird, HEY Mail, Proton Mail, Fastmail, Superhuman
Not supported
Outlook Classic, AOL Mail

Your reader in Outlook Classic sees the email without opacity, even if it looks right where you tested it.

The fix for Outlook Classic

Replace opacity with solid color equivalents

after
.overlay {
  /* Use a semi-transparent color instead of opacity */
  background-color: #808080;
  /* Or for modern clients: rgba(0, 0, 0, 0.5) */
}
Show the original
before
.overlay {
  background-color: #000;
  opacity: 0.5;
}

The checker needs a computer screen.

A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →

What Outlook Classic does with opacity

@emailens/engine 0.18.22 on the original code

Outlook Classic does not support "opacity".

Your next question

Every feature in Outlook Classic · opacity in every client

Questions

How many email clients support opacity?
It works in 19 of 21, not supported in Outlook Classic and AOL Mail.
What do I use instead of opacity in Outlook Classic?
Replace opacity with solid color equivalents.
Does opacity work in AOL Mail?
opacity is not supported in AOL Mail. Closest to Outlook Classic: AOL Mail, which agrees on 206 of the 298 features both are tested on.

To see what else in your email Outlook Classic does not support, paste the whole email.

The checker needs a computer screen.

caniemail (MIT) via @emailens/engine 0.18.22 · tested upstream 28 Feb 2019 · data last changed 10 Nov 2026 · Outlook (New) cells are the engine's mapping