Skip to main content

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

Emailens

opacity in Proton Mail

Works opacity works in Proton Mail.

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

The fix for the clients that need it

Needed in 2 of 21: Outlook Classic and AOL Mail.

Replace opacity with solid color equivalents

instead
.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;
}

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

Your next question

Every feature in Proton Mail · 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.
Does opacity work in Apple Mail?
opacity works in Apple Mail. Closest to Proton Mail: Apple Mail, which agrees on 203 of the 300 features both are tested on.

To see what in your email Proton Mail 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